电商后台管理数据统计页面基于Echarts的数据可视化呈现

阅读量：

页面布局示意图如图所示，其核心构成包含一个面包屑导航模块与一个卡片视图组件，并需在router.js文件中进行相应的配置设置。

1、获取 ECharts 库，可通过 npm 安装方式实现，具体命令为：npm install echarts --save

2、采用标签形式直接引入已构建完成的 echarts 文件

复制代码

    import * as echarts from 'echarts'

3、制作一个用于展示图表的容器

复制代码

     <el-card>
      <div id="main" style="width:750px;height:400px;"></div>
     </el-card>

4、创

全部评论 (0)

还没有任何评论哟~