你在main.js中引入的echarts庫，但在其他組件中使用，肯定用不了。
兩種方法：

1. 如果只在這個組件中用到echarts，推薦在這個組件中引用echarts，而不是在main.js中。
2. 如果必須在main.js中引用，建議這樣寫：

// main.js
import charts from 'charts'
Vue.prototype.$echarts = charts
// ...

在其他組件中使用

// component
let myChart = this.$echarts.init(this.$refs.myChart)

你需要用封裝成組件的版本，Github 上有很多，貼兩個出來給你參考一下：

vue-echarts

v-charts

先文檔里復(fù)制個簡單的柱狀圖測一下，感覺是你series數(shù)據(jù)定義有問題，還有分組件引入需要你手動引進來gauge,反正你用到的都要寫在這里，不然就不會顯示
var echarts = require('echarts/lib/echarts');
// 引入柱狀圖
require('echarts/lib/chart/bar');
require('echarts/lib/chart/gauge');
// // 引入提示框和標(biāo)題組件
require('echarts/lib/component/tooltip');
require('echarts/lib/component/title');
require('echarts/lib/component/legend');

這個div有高度么？