示例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);