echarts的tooltip自定义显示内容

最新推荐文章于 2024-09-17 22:18:33 发布

victor_yyn

最新推荐文章于 2024-09-17 22:18:33 发布

阅读量1.2k

点赞数

分类专栏：前端文章标签：前端 jquery

本文链接：https://blog.csdn.net/tianshi418/article/details/105242514

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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;
           }