pieOption: {
legend: {
selectedMode: false, //取消图例上的点击事件
orient: "vertical",
// icon: "circle",
itemWidth: 15,
itemHeight: 15, //图例圆点的高度
x: "45%",
y: "0px",
right: "0px",
top: "center",
formatter: (name) => {
console.log(name, "打印一下name");
let data = this.pieOption.series[0].data;
let total = 0;
let tarValue;
for (let i = 0; i < data.length; i++) {
total += data[i].value;
if (data[i].name == name) {
tarValue = data[i].value;
}
}
let p = Math.round((tarValue / total) * 100) + '%'
return `${name} ${p} ${tarValue}`;
},
// formatter:"{a}:{b}",
textStyle: {
rich: {
a: {
fontSize: 12,
color: "#333",
padding: 1, //图例上下的间距
},
},
},
},
series: [
{
type: "pie",
radius: ["20", "50"],
center: ["20%", "50%"],
label: {
show: false, //树枝提示文字
},
data: [
{
value: 263,
name: "运转类",
itemStyle: { color: "#60BB68" },
},
{
value: 263,
name: "收运类",
itemStyle: { color: "#F15379" },
},
{
value: 263,
name: "除雪类",
itemStyle: { color: "#FF7F49" },
},
{
value: 263,
name: "邀检类",
itemStyle: { color: "#8BD0FF" },
},
{
value: 263,
name: "清洗类",
itemStyle: { color: "#4880FF" },
},
{
value: 263,
name: "清扫类",
itemStyle: { color: "#5761B7" },
},
],
},
],
},