前端框架Vue（5）——Vue + Echarts （数据可视化）

  Echarts 是数据可视化中佼佼者！推荐大家可以玩一玩，非常实用！

  如果第一次接触Echarts的同学，这边有我以前写过的一篇入门：浅谈Echarts3.0

 Vue+Echarts

  现附上代码：

这是其中一个vue组件

1.安装 echarts 安装包

 npm install echarts --save

2.引入依赖

import echarts from 'echarts'

3.准备echarts容器

4.数据和 charts 变量可以描述在 data 中

5.methods 中 定义一个方法，内容就是平时echarts的步骤。

6.mounted 中调用 （mounted 是 vue 的生命周期，表示挂载完毕，html 已经渲染）

mounted(){
            this.$nextTick(function() {
                this.drawPie('main')
            })
        }

效果：

希望对您帮助！随意转载！