我在vue里面想用百度的echarts 为什么引入了这个库 页面显示不出来呢

Question

这里引入了这个库呀。

这个是代码

就是显示不出来，各位大神求指教，万分感谢。

Answer 1

你在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)

Answer 2

先文档里复制个简单的柱状图测一下，感觉是你series数据定义有问题，还有分组件引入需要你手动引进来gauge,反正你用到的都要写在这里，不然就不会显示
var echarts = require('echarts/lib/echarts');
// 引入柱状图
require('echarts/lib/chart/bar');
require('echarts/lib/chart/gauge');
// // 引入提示框和标题组件
require('echarts/lib/component/tooltip');
require('echarts/lib/component/title');
require('echarts/lib/component/legend');

Answer 3

你需要用封装成组件的版本，Github 上有很多，贴两个出来给你参考一下：

vue-echarts

v-charts

Answer 4

这个div有高度么？