echarts legend formater
时间: 2023-10-24 22:31:03 浏览: 78
echarts legend 排列问题
ECharts 提供了自定义图例格式的功能。您可以通过 formatter 属性来指定图例的显示格式。该属性可以是一个字符串或者一个函数。
如果使用字符串作为 formatter,可以使用占位符来代表相关数据。例如:
```javascript
legend: {
formatter: '{name} - {value}'
}
```
在上述示例中,`{name}` 代表图例项的名称,`{value}` 代表图例项对应的数值。
如果使用函数作为 formatter,可以通过返回一个字符串来自定义图例的显示格式。函数接收两个参数:参数 params 是一个对象,包含了当前图例项的名称和数值;参数 series 是一个数组,包含了图表中所有的系列数据。
以下是一个使用函数作为 formatter 的示例:
```javascript
legend: {
formatter: function(params, series) {
return params.name + ' - ' + params.value;
}
}
```
在上述示例中,我们通过拼接当前图例项的名称和数值来自定义图例的显示格式。
请注意,以上示例仅为说明用途,实际使用时您可以根据具体需求进行调整。
阅读全文