vue项目中使用echarts _@jie

本文包含在vue项目中如何使用echarts，以及项目中经常会遇到的图表样式的写法

https://echarts.baidu.com/echarts2/doc/example.html
（echart实例，包含饼状图、柱状图等等图表例子，你可以找到你所需要的图表类型）

https://echarts.baidu.com/echarts2/doc/doc.html
（echarts 使用文档，里面有很多属性和方法可供参考哦）

1.安装echarts包

npm install echarts --save
或者
cnpm install echarts --save

2.引入到项目中

a.全局引入 （在main.js中引入）

import echarts from 'echarts'
Vue.prototype.$echarts = echarts
这种方法是直接绑定在vue实例上，所以在项目中任何页面，直接 this.$echarts 即可

b.局部引入（在所需页面引入）

import echarts from 'echarts'

3.初始化echarts

a.首先在你需要echarts的页面中得创建一个dom元素

 <div id="myCharts" ref="myCharts"></div>

b.其次，在mounted中初始化echarts( 不能写在created中哦)（ 以下例子为折线图）