關於vue中echarts餅圖輪播動畫

通過控制option.series.data數據中的selected屬性

突出的高度可以自行設置

 

 

var index = 0; //輪播標識
var timerId = ""; //定時器
var dynamisTime = 2000; //間隔時間
var len = option.series[0].data.length; //輪播長度
function dynamic() {
    timerId = setInterval(() => {
        if (index >= len) {
            index = 0;
        }
        if (index != 0) {
            option.series[0].data[index - 1].selected = false;
        } else {
            option.series[0].data[len - 1].selected = false;
        };
        option.series[0].data[index].selected = true;
        index++;
        myChart.setOption(option); //重新繪制
    }, dynamisTime)
} 

注意：啟動定時器之前要先清除定時器