echarts x轴加箭头_echarts 各种特效图

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'

//}

}

]

}

]

};