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

————————————————
版权声明:本文为CSDN博主「purple_lumpy」的原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/purple_lumpy/article/details/87181407

原文地址:https://www.cnblogs.com/houBlogs/p/11424841.html