引入npm install echarts --save
main.js
// 引入echarts-5.0核心代码
import * as echarts from 'echarts';
Vue.prototype.$echarts = echarts;
渲染
<!-- 创建一个div,一定要固定高度和宽度 -->
<div id="chart" style="width:500px;height:500px;"></div>
// 获取节点对象
let chart = document.getElementById('chart');
let option = {
// 标题
title: {
text: "Echart"
},
xAxis: {
data: ['A', 'B', 'C', 'D', 'E', 'F']
},
yAxis: {
},
series: [
{
name: 'NOTHING',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}
]
};
// 调用echarts的初始化方法inti()并传入节点对象
let draw = this.$echarts.init(chart)
// 调用echarts对象的渲染方法
draw.setOption(data);