echarts tooltip 按值的降序显示tip 信息

遇到了一个小改进点。就是echarts 图的tooltip 的内容 ,希望按照每条线当前的值进行降序显示。

查询 echarts 官方文档,https://www.echartsjs.com/option.html#tooltip

修改tooltip 的formatter 属性即可。

下面贴一下该部分的代码。

option = {
        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('');
            }
        }
}

Done.

猜你喜欢

转载自blog.csdn.net/purple_lumpy/article/details/87181407