效果如上
代码很简单
const maxVal = 100
const val = 12
option = {
series: [
{
name: "",
type: "pie",
legendHoverLink: false,
minAngle: 10, // 设置每块扇形的最小占比
radius: ["0%", "60%"],
center: ["50%", "36%"],
color: ['#4da0ff', '#eeeeee'],
data: [
{
value: val,
name: "近12个月作废发票张数占比(%)",
label: {
//饼图图形上的文本标签
show: true,
position: "inner",
formatter: '{d}%',
fontSize: '16px',
color: '#fff'
},
},
{
value: maxVal - val,
label: {show: false}
},
],
clockwise: false, // 设置为逆时针
avoidLabelOverlap: false,
label: {
//饼图图形上的文本标签
show: true,
position: "inner",
//formatter: "{d}%", //只显示百分比
formatter: '{d}%',
fontSize: '16px',
},
labelLine: {
show: false,
}
}
]
};
补充: silent:true,加多一行这个,可以关闭默认鼠标移入隐藏效果