echarts自定义legend. formatter
时间: 2023-11-21 16:57:38 浏览: 217
echarts小结.pdf
ECharts中的legend组件可以通过formatter属性进行自定义。formatter属性可以设置为字符串模板、函数模板或回调函数三种方式。
1. 字符串模板方式:
```javascript
legend: {
data: ['数据1', '数据2', '数据3'],
formatter: '{name} - {value}'
}
```
2. 函数模板方式:
```javascript
legend: {
data: ['数据1', '数据2', '数据3'],
formatter: function(name) {
return name + ' - ' + this.getData(name).value;
}
}
```
3. 回调函数方式:
```javascript
legend: {
data: ['数据1', '数据2', '数据3'],
formatter: function(name) {
// 自定义处理逻辑
return name + ' - ' + value;
}
}
```
其中,字符串模板方式和函数模板方式都可以通过{name}和{value}来获取图例名称和对应的值。回调函数方式则需要自己定义处理逻辑。
阅读全文