echarts的tooltip自定义显示内容_tooltip显示名称

作者：凡人多烦事01 | 2024-03-25 09:45:42

踩

tooltip显示名称

echarts的tooltip自定义显示内容修改:

tooltip: {
               trigger: 'axis',
               axisPointer: {
               type: 'cross',
               crossStyle: {
               color: '#999'
               }
               },
               formatter: function(params) {//如果存在需要显示多个的需要遍历数据从新组装
                   var res = params.seriesName+'<br/>';
                   res += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:' + params.color + '"></span>';//数据前面的图标定义
           res += params.name+' : ';
           if (params.seriesType == 'line'){
                               res += params.value+'%';
           }else{
               res += params.value;
           }
           return res;
           }

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/308718