zoukankan      html  css  js  c++  java
  • echarts BAR堆叠图显示百分比

    在使用echarts的堆叠图时,我们鼠标悬停的浮窗里的信息可能并不是我们想要的信息,这个时候需要我们配置一下,因为堆叠图的trigger的类型是坐标轴触发的,数据是多组数据,所以我们需要遍历一下数据,进行编辑

    
    tooltip: {
                        trigger: 'axis', //这里用的是坐标轴触发,多个数据
                        formatter: function (params) {
                            console.log(params); //这里是在同一坐标轴的数据
                            var relVal = params[0].name;
                            for (var i = 0, l = params.length; i < l; i++) {
                                if (params[i].seriesType === "bar") { 
                                    let value
                                    if(params[i].value){
                                        value = params[i].value          
                                    }else {
                                        value = 0
                                    }
                                    relVal += '<br/>' + params[i].seriesName  + ' : ' + value + "%";
                                }       
                            }
                            return relVal;    
                        },
     }                
    

  • 相关阅读:
    ansible-乱
    linux-PXE-12
    linux-ntp-10
    linux-selinxu---性能 -8
    linux-系统启动流程-7
    linux-网络管理-6
    linux-文件系统-5
    linux-包管理器-4
    linux-shell脚本基础-2
    linux-history-ps1-1
  • 原文地址:https://www.cnblogs.com/changx/p/13612599.html
Copyright © 2011-2022 走看看