配置项如下
option = {
animationDurationUpdate: 5000,
animationDuration: 500,
xAxis: {
min: 1,
max: 31,
interval: 6,
splitLine: { show: false },
axisLabel: { showMaxLabel: true, margin: 5, color: '#B0B2C4' },
axisTick: { show: false },
axisLine: { show: false }
},
yAxis: {
inverse: true,
interval: 1,
data: [
'1月'
],
axisLine: { show: false },
axisLabel: { margin: 10, color: '#B0B2C4' },
axisTick: { show: false },
splitLine: { lineStyle: { color: '#DFE5F6' } }
},
series: [
{
id: 'main',
data: [{ value: [8, '11月', 3600], groupId: 'month11' }],
type: 'scatter',
symbolSize: 200,
universalTransition: { enabled: true }
}
]
};
setTimeout(function () {
option = {
polar: [{}],
angleAxis: [{ show: false, min: 0, max: 14400 }],
radiusAxis: [
{
type: 'category',
data: [
'x'
],
interval: 1,
inverse: true,
axisLine: { show: false },
axisLabel: { show: false },
axisTick: { show: false }
}
],
series: [
{
data: [{ value: ['x', 3600], groupId: 'month11' }],
type: 'bar',
id: 'main',
coordinateSystem: 'polar',
roundCap: true,
barMaxWidth: 30,
universalTransition: { seriesKey: ['main'], enabled: true }
}
]
};
myChart.setOption(option);
}, 1000);