实现标志图形字体后边加上百分比
使用回调函数实现标志图形字体后边加上百分比,函数如下
// 回调函数 实现标志图形字体后边加上百分比
formatter(name) {
// console.log(Propecharts);
let than = Propecharts.series[0].data; //获取series中的data
let total = 0;
let tarValue = 0;
for (let i = 0, l = than.length; i < l; i++) {
total += than[i].value;
console.log(total);
if (than[i].name == name) {
tarValue = than[i].value;
}
}
let p = ((tarValue / total) * 100).toFixed(1);
return name + " " + " " + p + "%";
},
重写legend显示样式
在图例后添加百分比和数据。直接上代码
// 重写legend显示样式
formatter: function (name) {
var index = 0;
var data = Typeecharts.series[0].data;
var total = 0;
var tarValue = 0;
for (var i = 0, l = data.length; i < l; i++) {
total += data[i].value;
console.log(total);
if (data[i].name == name) {
tarValue = data[i].value;
}
}
var p = ((tarValue / total) * 100).toFixed();
var clientlabels = [
"市容市貌",
"公共设施",
"消防事件",
"疫情防控",
"垃圾分类",
"水质处理",
];
var clientcounts = [15, 45, 75, 105, 30, 30];
clientlabels.forEach(function (value, i) {
if (value == name) {
index = i;
}
});
return (
name +
" " +
p +
"%" +
" " +
" " +
" " +
" " +
clientcounts[index]
);
},
以上函数代码是在legend: {}使用的。代码实在网上找的改的,忘记参考哪一位大佬的了。。。