formatter: function (params) { var tar = params[0].name; for (let i = 0; i < params.length; i++) { if (params[i].value !== '-') { tar += '<br/>' + params[i].marker + params[i].seriesName + ' : ' + params[i].value; tar += '<br/>' + params[i].marker + params[i].seriesName + '速率 : ' + (params[i].value / 5).toFixed(3); } } return tar; } 是什么意思
时间: 2024-02-10 12:15:43 浏览: 91
这段代码是用于 ECharts 图表中 tooltip 的 formatter 函数,用于自定义 tooltip 的显示内容。具体来说,它的作用是:根据鼠标悬停在图表上的位置,显示该位置对应的数据信息。
具体实现逻辑如下:
- 首先,获取鼠标悬停位置的名称,存储在 `tar` 变量中;
- 然后,遍历 `params` 数组,该数组中存放着鼠标悬停位置所有数据系列的信息;
- 对于每个数据系列,如果其值不为 `'-'`(即有具体的数值),则将该系列的名称、数值、数值除以 5 后保留 3 位小数的结果,添加到 `tar` 变量中;
- 最后,返回 `tar` 变量,作为 tooltip 的内容显示在图表上。
在这段代码中,`params` 数组的数据结构如下:
```
[
{
name: '系列名称1',
value: '数值1',
marker: '标记1',
seriesName: '系列名称1'
},
{
name: '系列名称2',
value: '数值2',
marker: '标记2',
seriesName: '系列名称2'
},
// ...
]
```
因此,在遍历 `params` 数组时,可以通过 `params[i].value` 获取到当前系列的数值,通过 `params[i].seriesName` 获取到当前系列的名称,并通过 `(params[i].value / 5).toFixed(3)` 计算出当前系列的速率(即当前系列数值除以 5 后保留 3 位小数的结果)。最后将这些信息拼接到 `tar` 变量中,就可以实现 tooltip 的自定义内容。
阅读全文