echarts legend 添加数值
时间: 2023-08-18 10:14:51 浏览: 106
要在 Echarts 图表的图例(legend)中添加数值,可以使用 formatter 属性来自定义图例的显示内容。在 formatter 函数中,可以通过返回字符串的方式将图例的名称和对应的数值拼接在一起。
下面是一个示例代码,演示如何在 Echarts 图表的图例中添加数值:
```javascript
option = {
// 其他配置项...
legend: {
data: ['数据1', '数据2', '数据3'],
formatter: function(name) {
// 获取当前图例的名称
var value = name;
// 获取当前图例对应的数据值
var data = option.series.find(function(series) {
return series.name === name;
}).data;
var total = 0;
for (var i = 0; i < data.length; i++) {
total += data[i].value;
}
// 拼接图例的名称和数值
return value + ' (' + total + ')';
}
},
// 其他配置项...
};
```
在上面的示例中,我们通过 formatter 函数来自定义图例的显示内容。在该函数中,首先获取当前图例的名称,然后通过 `option.series` 找到该图例对应的数据系列,并计算出数据值的总和。最后,将图例的名称和数值拼接起来作为返回值。
请根据你的实际需求修改示例代码中的图例名称和数据配置。
阅读全文