Vue绘制折线图并渲染数据

本文讲解vue项目中使用ECharts快速绘制折线图，并将服务器传来的数据渲染上去，提供源代码，可以直接复制粘贴使用。

效果展示： 

 Vue 通常使用ECharts 生成图表，官网地址：

Apache ECharts

1.Vue中要使用EChart需要先安装：

npm install echarts --save

 更多安装方法请移步：

ECharts 安装 | 菜鸟教程

 

2.本例将折线图写在子组件LineChart中，父组件进行引入：

 

 3.子组件LineChart.vue(绘制折线图)

对以上代码的分析：