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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM