option: {
polar: {
radius: ['50%', '70%'],
center: ['50%', '50%']
},
title: {
text: '',
x: '0%',
y: '5%',
textStyle: {
fontWeight: '500',
align: 'center',
},
},
tooltip: {
show: false
},
angleAxis: {
max: 100,
show: false
},
radiusAxis: {
type: 'category',
show: true,
axisLabel: {
show: false
},
axisLine: {
show: false
},
axisTick: {
show: false
}
},
legend: [],
color: ['#00d2ff', '#0072ff', '#F9C74F', '#22e5d1', '#2D9CDB'],
series: [
{
type: 'pie',
hoverAnimation: true,
hoverOffset: 25,
startAngle: 180, // 起始角度
clockwise: false, // 是否顺时针
radius: ['50%', '75%'],
avoidLabelOverlap: false,
label: {
show: true,
position: 'inside',
// rotate: 'tangential',
color: '#fff',
fontSize: 16,
},
labelLine: {
show: false
},
data: [
{
value: 30,
name: 'a',
// id: 1
},
{
value: 30,
name: 'a',
// id: 2
},
{
value: 30,
name: 'a',
// id: 3
},
{
value: 30,
name: 'a',
// id: 4
},
{
value: 30,
name: 'a',
// id: 5
},
{
value: 30,
name: 'a',
// id: 6
},
{
value: 30,
name: 'a',
// id: 7
},
{
value: 30,
name: 'a',
// id: 8
},
{
value: 30,
name: 'a',
// id: 9
}
],
zlevel: 30,
tooltip: {
show: false,
trigger: 'item',
formatter: '{b}: {c} ({d}%)',
backgroundColor: 'rgba(3, 9, 24,1)',
textStyle: {
color: 'rgba(255, 255, 255, 1)'
}
}
},
{
type: 'pie',
radius: ['35%', '40%'],
center: ['50%', '50%'],
hoverAnimation: false,
data: [
{
value: 100
}
],
label: {
show: false
},
tooltip: {
show: false
},
itemStyle: {
normal: {
color: '#38D2FF'
}
}
},
{
name: '',
type: 'pie',
startAngle: 90,
radius: '35%',
animation: false,
hoverAnimation: false,
center: ['50%', '50%'],
itemStyle: {
normal: {
labelLine: {
show: false
},
color: 'rgba(44,252,240, .4)',
shadowBlur: 60
}
},
label: {
show: true,
position: 'center',
color: '#FFFFFF',
fontSize: "32",
fontWeight: "500",
},
data: [
{
name: '2',
value: 200
}
],
tooltip: {
show: false
}
}
],
}
1***@qq.com
- 发布:2023-06-27 09:56
- 更新:2023-06-27 09:56
- 阅读:224
0 个回复