vue中ECharts的使用

最近做的一个项目需要用到一些图表，然后就安装了一下echarts，

安装命令:npm install echarts -S 或  cnpm install echarts -S（后者为国内淘宝镜像）

然后引用：可以在main.js中全局引入  或   按需在单个页面引入（前者会将所有echarts图表打包，导致体积过大，所以一般使用后者）

全局引入：

// 引入echarts
import echarts from 'echarts'
 
Vue.prototype.$echarts = echarts 

按需引入：

// 引入基本模板
let echarts = require('echarts/lib/echarts')
// 引入柱状图组件
require('echarts/lib/chart/bar')
// 引入提示框和title组件
require('echarts/lib/component/tooltip')
require('echarts/lib/component/title')

需要注意的是按需引入时，用到那个ecahrts就要引入一下：require('echarts/lib/chart/?') 后边问号中填入要引入的图表类型，如上边引入柱状图组件，那么?就为bar。