echarts 折线图 获取多个series一个xAxis的合计
时间: 2023-11-23 07:07:39 浏览: 37
要获取多个 series 在一个 xAxis 上的合计,可以使用 echarts 中的 `tooltip` 和 `formatter` 属性来实现。
首先,在 `option` 中设置 `tooltip` 的 `trigger` 为 `'axis'`,表示触发类型为轴触发,同时设置 `formatter` 为一个函数,这个函数接收一个参数 `params`,它是一个数组,其中每个元素都是一个对象,包含了该点的所有信息,如 `seriesName`、`value`、`name` 等。
然后在 `formatter` 函数中,我们可以遍历 `params` 数组,将同一 `name` 值下的 `value` 进行累加,得到该 `name` 值下所有 series 的合计值,最后返回一个字符串,即为提示框中显示的内容。
以下是示例代码:
```javascript
option = {
// 其他配置项
tooltip: {
trigger: 'axis',
formatter: function(params) {
var res = params[0].name;
var sum = 0;
for (var i = 0, l = params.length; i < l; i++) {
res += '<br/>' + params[i].seriesName + ' : ' + params[i].value;
sum += params[i].value;
}
res += '<br/>合计 : ' + sum;
return res;
}
},
// 其他配置项
};
```
这样,当鼠标悬浮在图表上时,就会显示一个提示框,其中包含了每个 series 的值以及它们的合计值。