轮次图echarts 饼配置项内容和展示

随着时间变化,选中的方块也发生变化

配置项如下
      var data = [
        {value:335, name:'天使轮', selected:true},
        {value:679, name:'A轮'},
        {value:1548, name:'B轮'},
        {value:679, name:'C轮'},
        {value:679, name:'D轮及以上'},
        {value:679, name:'战略运作'}
    ];
var count = 0;
option = {
    backgroundColor: '#0d0f16',
    color: ['#3c13a8', '#4d59e6', '#5c63c5', '#0472d9', '#42947f', '#4eb2d4'],
    series: [
        {
            type:'pie',
            selectedMode: 'single',
            selectedOffset: 20,
            radius: [0, '30%'],
            label: {
                normal: {
                    show: false
                }
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            data:data
        },
        {
            type:'pie',
            selectedMode: 'single',
            selectedOffset: 20,
            radius: ['40%', '55%'],
            label: {
                normal: {
                    show: true,
                    textStyle: {
                      fontSize: 24,
                      color: '#ade3ff'
                    }
                }
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            itemStyle: {
              normal:{
                 opacity:0.6
              }  
            },
            data:data
        }
    ]
};
app.timeTicket = setInterval(function() {
    var r = count % data.length;
    option.series[0].data[r].selected = false;
    option.series[1].data[r].selected = false;
    count++;
    var s = count % data.length;
    option.series[0].data[s].selected = true;
    option.series[1].data[s].selected = true;
    myChart.setOption(option, true);
}, 1000);
    
截图如下