vue 中使用echarts 画对比折线图

第一步：npm install echarts -S 安装

第二步：在main.js 全局引入

import echarts from 'echarts'

Vue.prototype.$echarts = echarts

第三步：在页面里写dom

<div id="myChartA"

:style="{width: '390px', height: '500px'}"></div>

第四步：配置信息

第五步：由于数据是从后台获取的

说明：

这里的lengthList是图例，也就是显示出来 每条线的名字  数据格式['名字1','名字2']

这里的seresList是定义的数据，[

{

name:'名字1'，

data：【’2‘】，这里的数组长度是12，表示每个月name1 的数据

type:'line'，

smooth:true  平滑的曲线图

}，

{

name:'名字2'，

data：【’2‘】，这里的数组长度是12，表示每个月name2 的数据

type:'line'，

smooth:true  平滑的曲线图

}

]