第一步:安装
cnpm install echarts --save
第二步:引入echarts并且初始化
var echarts = require('echarts'); // 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 绘制图表
myChart.setOption({
legend:{},
title: {}, //设置title
tooltip: {},// 设置操作
xAxis: {},//设X轴
yAxis: {},//设置Y轴
series: [{}]//设置图表数据
//然后就可以根据文档自己查找要改变的数据了
});
注意事项:获取id的时候一定要html里面有了再获取,当前页面切换图表,把html内容显示出来再获取id,再进行图表渲染,否则会报错,或者渲染有问题
例如:<div v-if="show" id="main"></div>
渲染之前:
if(this.show){
this.$nextTick(function () {
that.tab();//这是是获取数据渲染</