echarts 图表tooltip数据实现降序排列

mac2025-04-29  12

echarts 图表tooltip数据默认是按照series中的数据位置排序。

最近遇到需要实现降序排序功能。

实现代码如下:

tooltip: { trigger: 'axis', formatter: function(params){ let newParams = []; let tooltipString = []; newParams = [...params]; newParams.sort((a,b) => {return b.value - a.value}); newParams.forEach((p) => { const cont = p.marker + ' ' + p.seriesName + ': ' + p.value + '<br/>'; tooltipString.push(cont); }); return tooltipString.join(''); } }

前后对比:

排序前: 排序后:

最新回复(0)