效果
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/fc5fd3380a57c849dfc1ca47f1a22b8f.png#pic_center)
设置
option = {
tooltip: {
show: false,
formatter: 'The report is in generating...'
},
dataset: {
source: [
['cold', 1, 0, 0, 0],
['hot', 0, 5, 0, 0],
['warm', 0, 0, 7, 0],
['active', 0, 0, 0, 7],
]
},
angleAxis: {
splitLine: {
show: false
},
axisLine: {
show: false
},
axisLabel: {
show: false
},
axisTick: {
show: false
},
max: 10,
startAngle: 90,
},
radiusAxis: {
type: 'category',
splitLine: {
show: false
},
axisLine: {
show: false
},
axisLabel: {
show: false
},
axisTick: {
show: false
}
},
polar: {
radius: ['20%', '50%']
},
series: [
{
type: 'bar',
coordinateSystem: 'polar',
roundCap: true,
itemStyle: {
color: '#f77e39'
},
stack: 'a'
},
{
type: 'bar',
coordinateSystem: 'polar',
roundCap: true,
itemStyle: {
color: '#fada5d'
},
stack: 'a'
},
{
type: 'bar',
coordinateSystem: 'polar',
roundCap: true,
itemStyle: {
color: '#83dca5'
},
stack: 'a'
},
{
type: 'bar',
coordinateSystem: 'polar',
roundCap: true,
itemStyle: {
color: '#70b7d0'
},
stack: 'a'
}
],
legend: {
}
}