Vue-ECharts

总结一下Vue中如何使用ECharts。

1、使用Vue-cli脚手架搭建项目

一、先全局安装Vue：yarn add vue -g

二、而后全局安装Vue-cli：yarn add @vue/cli -g

三、使用脚手架初始化项目：vue create projname

2、项目中使用ECharts

一、安装ECharts：yarn add echarts

二、新建一个Vue组件，以下：

三、项目中引入echarts：import echarts from "echarts"

四、在methods中定义绘制图表的方法drawLine，以下：

五、在mounted钩子中调用绘制的方法，以下：

六、在App.vue中将Echarts组件引入，以下：

这样就完成了一个Vue项目中使用ECharts来实现数据可视化。 下面是最终完成的结果。