tooltip里面的formatter属性
时间: 2024-01-19 08:46:20 浏览: 56
echarts自作地图显示散点图 tooltip自定义内容
`formatter` 属性是用于自定义 `tooltip` 标签内容的属性。它可以是一个字符串或一个函数。当它是一个字符串时,它表示要显示的文本内容,可以使用 `{}` 进行占位符替换。当它是一个函数时,它会接收一个参数 `params`,其中包含了当前数据项的信息,返回值则会作为标签内容显示出来。
例如,当 `formatter` 为字符串时,可以这样使用:
```javascript
tooltip: {
formatter: '{b}: {c}'
}
```
这会在标签中显示数据项的名称和值,例如:"某个数据项名称: 1234"。
当 `formatter` 为函数时,可以这样使用:
```javascript
tooltip: {
formatter: function(params) {
return params.name + ': ' + params.value;
}
}
```
这会在标签中显示数据项的名称和值,例如:"某个数据项名称: 1234"。
总之,`formatter` 属性是一个非常灵活的属性,可以根据实际需求自定义标签内容。
阅读全文