✈废话不多说直接上才艺:
1.问题 有时候我们需要按照自己的想法去制定一个属于我们自己的排版的文本
比如:-------------文本内容
50,50%
2.代码
series: [
{
name: "各AI设备分布",
type: "pie",
radius: "50%",
itemStyle: {
normal: {
label: {
show: true,
position: "outside",
color: "black",
formatter: params => {
var percent = 0;
var total = 0;
for (var i = 0; i < this.eachAlgorithmTerDate.length; i++) {
total += this.eachAlgorithmTerDate[i].value;
}
percent = ((params.data.value / total) * 100).toFixed(0);
if (params.data.name !== "") {
// 设置内容结构
return params.data.name + "\n" + "\n" + params.data.value + "," + percent + "%";
} else {
return "";
}
}
},
labelLine: {
length: 10,
length2: 30, // 可以控制连接线的长短
show: true,
color: "#00ffff"
}
}
},
data: this.eachAlgorithmTerDate, //数据
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: "rgba(0, 0, 0, 0.5)"
}
}
}
]
3.效果: