Echarts y轴数据重复导致tooltip显示文字重复
【代码】Echarts y轴数据重复导致tooltip显示文字重复。
·
原因是在同一时间有两条数据,处理方式在tooltip的formatter把数据放到set数组进行去重。
tooltip: {
trigger: 'axis',
formatter: function (params) {
const a = [];
const b =[];
const c =[];
var res = "<div><p>" + params[0].value[0] +"</p></div>";
for (var i = 0; i < params.length; i++) {
if (params[i].data != undefined) {
a.push(params[i].marker);
b.push(params[i].seriesName);
c.push(params[i].value[1]);
}
}
const seriesMakerList = [...new Set(a)];
const seriesNameList = [...new Set(b)];
const seriesValueList = [...new Set(c)];
for (let i = 0; i <3 ; i++) {
res += "<p>" +seriesMakerList[i]+ seriesNameList[i] + ":" + seriesValueList[i] + "</p>";
}
return res;
}
},

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐
所有评论(0)