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

摘要:
遇到了一个小的改进。它是图表中工具提示的内容。预计将根据每行的当前值按降序显示。查询echarts官方文档,https://www.echartsjs.com/option.html#tooltip修改工具提示的格式化程序属性。现在粘贴此部分的代码。

遇到了一个小改进点。就是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

免责声明:文章转载自《echarts tooltip 按值的降序显示 tip 信息》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇MYSQL攻击全攻略ORA-00980:synonym translation is no longer valid下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

微信小程序-调用组件内方法(父组件调用子组件)

1、定义子组件 定义一个tip组件,在tip.json中将component设置为true { "component": true, "usingComponents": {} } 在tip.js中设置被调用方法 ... showMyTips(content) { console.log(content) }, ... 2、引入组件 在in...

Flex :直接显示ToolTip和errorTip(不需要将鼠标移到组件上)

在使用mx.validator包的时候,我一直都希望检测没有通过的错误信息能够直接显示出来,而不是等我把鼠标移动到没有通过的组件上再显示。我认为这能带给用户更好的体验。因为用户能在第一时间就知道自己到底填错了什么,况且,并不是所有的用户都知道必须把鼠标移动到出错的组件上才能看到错误信息的。很多用户在控件的边框变红,并且不能够继续提交之后不知所措。(我认为,...

【UE】常用的UltraEdit使用技巧

Tip 1: Alt+C 列模式可以说最初选择使用这个文本编辑软件,原因很简单,就是因为“她”具有列编辑模式。如果您还不知道什么是列编辑模式的话,我想您应该好好研究一下啦。这是一个超级“赞”的功能。在对大文本进行批量的列编辑时候非她莫属(如果您是Windows平台上另外一个强大的文本编辑软件gVim的使用者除外)。快实验一下这个功能吧。Tip 2:Ctrl...

google代码风格(转)

Google C++ 风格指南 - 中文版 from http://code.google.com/p/google-styleguide/ 版本: 3.133 原作者: Benjy Weinberger Craig Silverstein Gregory Eitzmann Mark Mentovai Tashana Landray 翻译: Yul...

微软新一代输入法框架 TSF

虽说是转载的,但是其中,有很多我自己的评论,我会用红色的字标出来,参考的博文有: TSF架构:http://blog.csdn.net/mspinyin/article/details/6137709 TSF代码实例:http://www.dotblogs.com.tw/code6421/archive/2010/09/27/17909.aspx TSF...

CSDN上关于ToolTip的知识

我用VC做TOOL TIP很多次了,但每次都要再研究一遍.虽然说学而时习,应该的,但主要还是由于自己懒.今天一定要记下来.以后再用的时候,就是参考.也请阅读此文的朋友记下来,将来查阅用. 用VC实现TOOL TIP.比较复杂,其实也简单,但MFC帮助一些窗口实现,而另一些窗口又不实现,倒搞得复杂了.最开始我用WM_MOUSEMOVE消息,然后用CToolT...