echarts的tooltip的值在哪取得
时间: 2024-11-03 21:14:14 浏览: 4
echarts-tooltip-carousel.js
ECharts的Tooltip,即提示框,其显示的内容通常来自于数据系列的`formatter`属性或者配置项中的`formatter`函数。这个函数会在数据点被鼠标悬停时被调用,返回的字符串会作为提示框的内容展示。
如果你是在图表的数据选项中直接设置了每个系列的`name`、`value`等属性,那么默认的提示框内容就是这些属性对应的值。例如:
```javascript
option = {
series: [
{
name: 'Series1', // 这里的'name'就会对应tooltip的标题
data: [[0, 10], [1, 20]], // 数据点的值,会被自动作为提示框的数值部分
tooltip: { trigger: 'item' } // 启用提示框
}
]
};
```
如果你想要自定义提示框的显示格式,可以设置`formatter`函数,接收当前被高亮的点的数据作为参数:
```javascript
tooltip: {
formatter: function(params) {
return '<span style="color:red;">' + params.name + '</span>: ' + params.value[0]; // 自定义格式
},
trigger: 'item'
}
```
在这个例子中,`params.name`获取系列名称,`params.value`是一个数组,第一个元素通常是数值数据。
阅读全文