示例1

let currentOption = 'pieOption';
const myChart = echarts.init(document.getElementById('main'));
const data = [
{ value: 335, name: '直接访问' },
{ value: 310, name: '邮件营销' },
{ value: 234, name: '联盟广告' },
{ value: 135, name: '视频广告' },
{ value: 1548, name: '搜索引擎' }
]
const option = {
series: [
{
type: 'pie',
data: data,
animationDurationUpdate: 1000,
universalTransition: true,
}
]
};

myChart.setOption(option);

const barOption = {
    animationDurationUpdate: 1000,
    xAxis: {
        type: 'category',
        axisLabel: {
            rotate: 30
        },
        data: data.map(function (item) {
            return item.name;
        })

    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            universalTransition: true,
            type: 'bar',
            data: [335, 310, 234, 135, 1548]
        }
    ]
};

setInterval(function () {
    currentOption = currentOption === 'pieOption' ? 'barOption' : 'pieOption';
    (currentOption === 'pieOption') ? myChart.setOption(option, true) : myChart.setOption(barOption, true);
}, 2000);