[Vue.js]实战 -- 电商项目(八)
数据统计
数据统计概述
用于统计电商平台运营过程的中的各种统计数据
通过直观的可视化方式展示出来,方便相关运营和管理人员查看
用户来源数据统计报表
Echarts 第三方可视化库的基本使用
- 安装echarts库
// 安装echarts库npm install echarts -S
- 导入echarts接口
// 导入echarts接口import echarts from 'echarts'
实现用户来源数据统计报表
调用接口获取后台接口数据
通过echarts的api实现报表效果
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(this.$refs.main)
const { data: res } = await this.$http.get('reports/type/1')
if (res.meta.status !== 200) return this.$message.error('初始化折线图失败!')
const data = _.merge(res.data, this.options)
// 绘制图表
myChart.setOption(data)
[Vue.js]实战 -- 电商项目(八)相关推荐
- [Vue.js]实战 -- 电商项目(一)
项目目录 项目概述 项目初始化 登录/退出功能 主页布局 用户管理模块 权限管理模块 分类管理模块 参数管理模块 商品管理模块 订单管理模块 数据统计模块 项目概述 电商项目基本业务概述 电商后台管理 ...
- [Vue.js]实战 -- 电商项目(四)
分类管理 商品分类概述 商品分类用于在购物时,快速找到所要购买的商品,可以通过电商平台主页直观的看到 商品分类列表 基本布局与数据获取 基本布局 面包屑导航区域 <!-- 面包屑导航区域 --& ...
- [Vue.js]实战 -- 电商项目(二)
主页布局 整体布局 主页布局开始 引入官网的框架时,首先要在element.js中添加 import { Container,Header,Aside,Main } from 'element-ui' ...
- [Vue.js]实战 -- 电商项目(六)
商品管理 商品管理概述 用于维护电商平台的商品信息 包括商品的类型.参数.图片.详情等信息.通过商品管理模块可以实现商品的添加.修改.展示和删除等功能 商品列表 实现商品列表布局效果 调用后台接口获取 ...
- [Vue.js]实战 -- 电商项目(五)
参数管理 参数管理概述 商品参数用于显示商品的固定的特征信息,可以通过电商平台商品详情页面直观的看到 商品分类选择 选择商品分类 页面布局 <div><!-- 面包屑导航区域 --& ...
- [Vue.js]实战 -- 电商项目(三)
权限管理 权限管理业务分析 通过权限管理模块控制不同的用户可以进行哪些操作,具体可以通过角色的方式进行控制,即每个用户分配一个特定的角色,角色包括不同的功能权限 权限列表展示 创建对应规格 在comp ...
- [Vue.js]实战 -- 电商项目(七)
订单管理 订单管理概述 用于维护商品的订单信息 可以查看订单的商品信息.物流信息,并且可以根据实际的运营情况对订单做适当的调整. 订单列表 订单列表展示 订单数据加载 订单列表布局 const { d ...
- JS任务机制 - springboot实战电商项目mall4j
springboot实战电商项目mall4j (https://gitee.com/gz-yami/mall4j) java商城系统源码 1.介绍 工作一段时间了,今天在这总结一下浏览器执行JS任务机 ...
- [Vue]实战---电商项目(项目的概述及初始化)【一】
项目实战 项目目录 项目概述 项目初始化 登录/退出功能 主页布局 用户管理模块 权限管理模块 分类管理模块 参数管理模块 商品管理模块 订单管理模块 数据统计模块 项目概述 电商项目基本业务概述 电 ...
最新文章
- 澎思科技马原:AI安防竞争还未结束,落地进入后发优势时代
- Ubuntu12.04安装JDK6
- Lync Server 2013与OWA的集成
- linux 根目录突然增大
- 二阶差分预测后数据还原公式_携程如何基于ARIMA时序分析做业务量的预测
- java输入键盘_java键盘输入
- linux 2.6 hash表作用,高性能分布式哈希表FastDHT介绍及安装配置
- windows下使用pthread库
- Intellij Idea 离线安装插件
- Java webservice 将晦涩难懂的参数名修改为容易理解的名称
- [jQuery]回到顶部
- PDF文件分割电脑版怎么操作
- python如何将抓取的数据保存到excel_Python实现提取XML内容并保存到Excel中的方法...
- 金融市场:最全的外汇平台资料大全(包括开户金额、点差、特色!)
- JAVA系统蓝屏_Tomcat启动系统蓝屏
- 微软苏州集体抵制来自阿里、华为的跳槽者:请停止你的“奋斗逼”行为!
- (附源码)spring boot火车订票系统 毕业设计 031012
- php显示2038年,PHP转换超过2038年日期出错如何解决
- 清理异常值(MAD:绝对中位差)
- 能ping通IP地址,ping不通主机名问题解决
热门文章
- c++怎么输入带有空格的字符串_C 语言入门 11 fscanf() 函数对空格的处理
- cmu的计算机专业项目有哪些,CMU卡耐基梅隆大学计算机学院项目介绍(一)
- linux中波浪号代表什么_建筑电气施工图纸中BV、ZRBLV和TC、SC符号代表什么?
- ant vue 离线文档_超全离线开发手册
- ROS-创建功能包和节点
- wdcp mysql数据库无法链接_MySQL数据库之阿里云服务器中centos7 解决wdcp中不能远程访问mysql服务的问题...
- python不完全支持面向对象程序设计_Python面向对象程序设计OOP入门教程【类,实例,继承,重载等】...
- mavros 使用记录
- 起止时间控制,显示格式控制
- 关于 C 的 arithmetic conversion (进行 算术运算 时的 强制转换规则)