关于Echarts的显示问题,求助大神啊

baymax123 baymax123 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
目前想做这么一个功能,就是利用echarts的饼图,做一个自动动的图像,每隔1000毫秒扇形区域就会向上弹一下,同时出发高亮显示的文字信息,目前人资信息就是不自动显示,只有鼠标移上去才显示,目前效果如图:

想要的效果如图:


我贴上我的代码:
const myChart_pie = echarts.init(document.getElementById('main_pie'));
var canvas = document.createElement('canvas');
var count = 0;
var data = this.data;
const option_pie = {
series: [
{
type:'pie',
radius: [0, '0%'],
label: {
normal: {
show: false
}
},
labelLine: {
normal: {
show: false
}
},
data:data
},
{
type:'pie',
radius: ['40%', '55%'],
avoidLabelOverlap: false,
label: {
normal: {
show: false,
position: 'center'
},
emphasis: {
show: true,
textStyle: {
fontSize: '30',
fontWeight: 'bold'
},
color: '#fff',
formatter: "{b}\n({d}%)"
}
},
data:data
}]
};
setInterval (function() {
var r = count % data.length;
option_pie.series[0].data[r].selected = false;
option_pie.series[1].data[r].selected = false;
count++;
var s = count % data.length;
option_pie.series[0].data[s].selected = true;
option_pie.series[1].data[s].selected = true;
myChart_pie.setOption(option_pie,true);
}, 1000);
...全文

相关推荐

评论 5
收藏 已收藏
分享
返回顶部
baymax123
JavaScript 87,984 成员 224,681 内容