export const PieOption ={
grid: {
left:50,
right:0,
top:0,
containLabel:true,
zlevel:99999},
tooltip: {
trigger:"item",
formatter:"{b}: {c}次 ({d}%)"},
color: ["#ee6e6d", "#f19469", "#e7bf5f", "#74b8dd", "#67cb82"],
title: {
text:0,
textStyle: {
color:"#3A3A3A",
fontSize:30,
fontWeight:"normal"},
subtext:"",
subtextStyle: {
color:"#3A3A3A",
fontSize:14},
x:"center",
y:"49%"
//y: "46%"
},
series: [
{
name:"",
type:"pie",//minAngle: 5, //最小的扇区角度(0 ~ 360),用于防止某个值过小导致扇区太小影响交互
avoidLabelOverlap: true, //是否启用防止标签重叠策略
//radius: ["37%", "55%"],
radius: ["32%", "46%"],
center: ["50%", "54%"],//center: ["50%", "60%"],
//radius: ["50%", "50%"],
itemStyle: {
borderColor:"rgba(255,255,255,1)",
borderWidth:8},
label: {
normal: {
formatter:"{per|{d}%} \n{hr|}\n {b|{b}}",
align:"right",
rich: {
hr: {
borderColor:"#aaa",
width:"100%",
borderWidth:1,
height:0},
b: {
fontSize:14,
color:"#000",
lineHeight:20},
per: {
color:"#000",
fontSize:16,
lineHeight:20}
}
}
},
labelLine: {},
data: [
{
value:150,
name:"一级告警"
//itemStyle: {
//color: '#ee6e6d'
//}
},
{
value:50,
name:"二级告警"
//itemStyle: {
//color: '#f19469'
//}
},
{
value:300,
name:"三级告警"
//itemStyle: {
//color: '#e7bf5f'
//}
},
{
value:500,
name:"四级告警"
//itemStyle: {
//color: '#74b8dd'
//}
},
{
value:350,
name:"五级告警"
//itemStyle: {
//color: '#67cb82'
//}
}
]
}
]
};