You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
164 lines
3.5 KiB
164 lines
3.5 KiB
|
|
export function pieOption () {
|
|
const center= ['50%', '250px']
|
|
return {
|
|
title: {
|
|
text: '0',
|
|
top: 220,
|
|
left: 'center',
|
|
textStyle: {
|
|
width: '100%',
|
|
fontSize: 32,
|
|
color: '#FFFFFF',
|
|
fontWeight: 400
|
|
},
|
|
itemGap: 5,
|
|
subtext: '总数',
|
|
subtextStyle: {
|
|
fontSize: 20,
|
|
color: '#fff',
|
|
fontWeight: 400
|
|
}
|
|
},
|
|
tooltip: {
|
|
show: false
|
|
},
|
|
legend: {
|
|
top: 500,
|
|
bottom: 0,
|
|
itemWidth: 20,
|
|
itemHeight: 10,
|
|
textStyle: {
|
|
color: '#D2E7FF',
|
|
fontSize: 16,
|
|
lineHeight: 20,
|
|
},
|
|
|
|
},
|
|
series: [
|
|
// 外侧圆环
|
|
{
|
|
type: 'pie',
|
|
// 起始刻度的角度，默认为 90 度，即圆心的正上方。0 度为圆心的正右方。
|
|
startAngle: 0,
|
|
hoverAnimation: false,
|
|
// tooltip: {
|
|
// },
|
|
center: center,
|
|
radius: ['55%', '55.3%'],
|
|
label: {
|
|
normal: {
|
|
show: false
|
|
}
|
|
},
|
|
labelLine: {
|
|
normal: {
|
|
show: false
|
|
}
|
|
},
|
|
data: [{
|
|
value: 360,
|
|
itemStyle: {
|
|
normal: {
|
|
color: 'rgba(40, 101, 250, 0)',
|
|
width:0,
|
|
borderColor: 'rgba(40, 101, 250, 0.5)',
|
|
borderWidth: 1,
|
|
borderType: 'dotted'
|
|
}
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
// 突出的
|
|
{
|
|
hoverAnimation: false,
|
|
// name: 'Access From',
|
|
type: 'pie',
|
|
center: center,
|
|
radius: ['40%', '60%'],
|
|
avoidLabelOverlap: false,
|
|
// top: top + '%',
|
|
// height: '80%',
|
|
selectedMode: 'single',
|
|
left: 'center',
|
|
width: 400,
|
|
label: {
|
|
position: 'outer',
|
|
// alignTo: 'edge',
|
|
formatter: '{a|{c}}\n\n{name|{b}}',
|
|
// minMargin: 100,
|
|
// edgeDistance: 0,
|
|
// lineHeight: 20,
|
|
color: '#fff',
|
|
fontSize: 12,
|
|
distanceToLabelLine: -60,
|
|
rich: {
|
|
a: {
|
|
fontSize: '30px',
|
|
color: ' #00F5FE',
|
|
|
|
},
|
|
b: {
|
|
lineHeight: 0,
|
|
fontSize: '20px',
|
|
color: ' #FFFFFF'
|
|
|
|
}
|
|
}
|
|
},
|
|
labelLine: {
|
|
smooth: 0.2,
|
|
length: 30,
|
|
length2: 90
|
|
},
|
|
// itemStyle: {
|
|
// normal:{
|
|
// color:function(params) {
|
|
// //自定义颜色
|
|
// var colorList = [
|
|
// '#00FFFF', '#00FF00', '#FFFF00', '#FF8C00', '#FF0000', '#FE8463',
|
|
// ];
|
|
// return colorList[params.dataIndex]
|
|
// }
|
|
// }
|
|
// },
|
|
data: [],
|
|
|
|
},
|
|
// 中间圆环
|
|
{
|
|
type: 'pie',
|
|
// 起始刻度的角度，默认为 90 度，即圆心的正上方。0 度为圆心的正右方。
|
|
startAngle: 0,
|
|
hoverAnimation: false,
|
|
center: center,
|
|
// tooltip: {
|
|
// },
|
|
radius: ['0%', '25%'],
|
|
label: {
|
|
|
|
show: false
|
|
|
|
},
|
|
labelLine: {
|
|
|
|
show: false
|
|
|
|
},
|
|
data: [{
|
|
value: 360,
|
|
itemStyle: {
|
|
normal: {
|
|
color: 'rgba(8, 37, 134, 1)',
|
|
|
|
}
|
|
}
|
|
}
|
|
]
|
|
},
|
|
]
|
|
|
|
}
|
|
}
|
|
|