vue+echarts 后台获取数据_当统计图遇上echarts（vue项目中）

平常看别人家的项目中动态的统计图，各式各样，还会随着实际的数据波动，是不是觉得不可思议，不但数据波动，并且还啥样都有，那这样的统计图是怎么来的呢？下面呢？通过一个小案例带你来认识一下echarts的世界吧！！！

第一步：echarts是第三方的，所以你首先要引入你的项目。我们这里说的是vue项目，所以我们需要用一行命令来安装echarts，如下：

npm install echarts --save

第二步：然后呢我们需要引入自己的项目，在你需要的页面引入echarts ，下面是引用的方法。

第三步：准备一个盛放这个统计图的容器。

第四步：就是我们的代码区域了。这里因为需要调用后台的数据来实现数据的波动，所以需要借助接口文档来取数据。

最后的效果：

上面是在vue中的，如果想在自己的html页面中加入或者是想深入了解的可以访问：

ECharts Documentation