vue-echarts使用以及 tooltip不顯示問題解決

  第一種是像普通js一樣引入Echarts；
  第二種是使用VueCharts；

vue-echarts使用方法

1. npm install echarts vue-echarts

2. 在main.js 裏面 按需引入模塊，比如我需要折線圖，代碼如下：

import Vue from 'vue'
import ECharts from 'vue-echarts'

import 'echarts/lib/chart/line'

 

遇到問題

1.圖表初始化後渲染出來也不報錯：

是因爲圖表掛載的元素沒有定義寬高

2. 無論怎麼調試鼠標放在圖表上都沒有顯示 數據彈框(tootip)：

原因是VueCharts的每一個功能都需要單獨引入,在main.js裏面引入就行了：

import 'echarts/lib/component/tooltip'