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來實現數據可視化。 下面是最終完成的結果。