echarts饼图自动轮播

以下是使用echarts实现饼图自动轮播的示例代码：

// 初始化echarts实例
var myChart = echarts.init(document.getElementById('myChart'));

// 配置项
var option = {
    // 饼图数据
    series: [{
        type: 'pie',
        data: [
            {value: 335, name: '直接访问'},
            {value: 310, name: '邮件营销'},
            {value: 234, name: '联盟广告'},
            {value: 135, name: '视频广告'},
            {value: 1548, name: '搜索引擎'}
        ]
    }]
};

// 自动轮播
var currentIndex = -1;
setInterval(function () {
    var dataLen = option.series[0].data.length;
    // 取消之前高亮的图形
    myChart.dispatchAction({
        type: 'downplay',
        seriesIndex: 0,
        dataIndex: currentIndex
    });
    currentIndex = (currentIndex + 1) % dataLen;    // 高亮当前图形
    myChart.dispatchAction({
        type: 'highlight',
        seriesIndex: 0,
        dataIndex: currentIndex
    });
    // 显示 tooltip
    myChart.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex
    });
}, 1000);

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

以上代码中，我们使用了echarts的highlight、downplay和showTip方法来实现自动轮播。其中，highlight方法用于高亮当前图形，downplay方法用于取消之前高亮的图形，showTip方法用于显示tooltip。我们使用setInterval方法来定时切换图形，从而实现自动轮播。