tooltip 的 formatter 属性使用方法
时间: 2024-05-09 16:17:35 浏览: 104
formatter的用法
tooltip 的 formatter 属性用于格式化 tooltip 的显示内容。它可以是一个函数或者一个字符串。
如果是一个函数,它接收一个参数,即 tooltip 数据项的数组。函数需要返回一个字符串,这个字符串就是 tooltip 的显示内容。例如:
```javascript
formatter: function (data) {
var result = '';
for (var i = 0; i < data.length; i++) {
result += data[i].name + ': ' + data[i].value + '<br>';
}
return result;
}
```
如果是一个字符串,它可以包含特定的占位符,这些占位符会被替换成 tooltip 数据项的值。常用的占位符有:
- `{a}`:系列名称
- `{b}`:数据项名称
- `{c}`:数据项值
- `{d}`:饼图数据项的百分比
例如:
```javascript
formatter: '{a} <br/>{b} : {c} ({d}%)'
```
这个字符串会被替换成类似于“系列名称<br/>数据项名称 : 数据项值 (饼图数据项的百分比%)”这样的内容。
阅读全文