<div id="myChart"></div>
// 基于准备好的dom,初始化echarts实例
echartsInit:function(value1,value2){
let myChart = this.$echarts.init(document.getElementById('myChart'))
// 绘制图表
myChart.setOption({
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'right',
data: ['已完成', '未完成']
},
series: [{
name: '资料填写',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: [{
value: value1,
name: '已完成'
},
{
value: value2,
name: '未完成'
}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}]
});
//图表点击事件
myChart.on('click', function(params) {
console.log(params)
if(params.dataIndex === 0) {
dosomething
}
if(params.dataIndex === 1) {
dosomething
}
});
}
VUE2.0中echarts图表的使用
最新推荐文章于 2024-06-26 11:56:44 发布