本文介绍如何使用ECharts配置图例，实现数据标签显示百分比及格式化数字的功能。通过设置图例的formatter属性，可以自定义图例中每个元素的显示方式，包括数据所占比例和实际数值。
legend: {
data: res.data.labels,
icon: 'circle',
formatter: (params) => {
let isfind = (Number(map.get(params)) / this.sum * 100) + '';
let isdata;
if (isfind.indexOf('.') != -1) {
isdata = (Number(map.get(params)) / this.sum * 100).toFixed(2) + '%'
} else {
isdata=(Number(map.get(params)) / this.sum * 100) + '%'
}
return params + '\t\t\t|\t\t' + isdata + '\t\t' + this.formatNum(Number(map.get(params)))
},
// formatter: '{a|{name}}',
itemGap: 0,
bottom: 20,
left: 'center',
textStyle: {
color: "#1B1B4E",
padding: [5, 24, 5, 0],
rich: {
a: {
width: (allWidth - 200) / 10,
height: 38,
fontSize: 12
},
}
},
},
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
