echarts tooltip格式
时间: 2023-07-19 18:37:05 浏览: 104
echarts 甘特图,tooltip 轮播
ECharts中tooltip的格式可以通过formatter属性来设置,具体格式可以根据需求自定义。以下是一个示例:
```javascript
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
},
formatter: function (params) {
var result = params[0].name + '<br>';
for (var i = 0, l = params.length; i < l; i++) {
result += params[i].seriesName + ': ' + params[i].value + '<br>';
}
return result;
}
},
```
上述代码中,tooltip的formatter使用了一个函数来自定义tooltip的格式。其中,params参数表示当前鼠标悬浮的数据项信息,通过params可以获取当前数据项的名称、值等信息。在formatter函数中,我们可以通过params来拼接出我们需要的格式。示例中的tooltip格式为:数据项名称 + 换行 + 每个系列名称及其对应值。
阅读全文