zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    django之form表单验证
    django之分页器
    django之Ajax
    django之模型层
    django之模板语法
    django之视图函数
    mysql 数据类型
    mysql 命令行查看数据库、创建数据库、选择数据库、删除数据库
    java里的日期时间
    Arrays类
  • 原文地址:https://www.cnblogs.com/houBlogs/p/11424841.html
Copyright © 2011-2022 走看看