javascript - echart饼图如何动态显示label
本文介绍了javascript - echart饼图如何动态显示label的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
这是目前的效果,在codepen上,然后我想要的效果是,鼠标移开之后还是显示值,就是最后那个值,然后一开始没有交互的时候显示一个默认的项,目前用的是label的emphasis来显示,是否要改成normal来显示?
解决方案
var mychart = echarts.init(document.getElementById('chart'));
mychart.on('mouseover', function(params) {
option.series[0].data[params.dataIndex].label.normal={
show: true,
textStyle: {
fontSize: '35',
fontWeight: 'normal'
}
}
mychart.setOption(option);
});
监听mouseover修改option重新setOption
这篇关于javascript - echart饼图如何动态显示label的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文