echarts中餅圖顯示百分比


通過echarts制作餅圖,需要通過鼠標移動到對應的扇形才能才看數值和百分比。

解決這個問題參考的是將鼠標移動到扇形上的顯示方法: 
    tooltip : { 
        trigger: 'item', 
        formatter: "{a} <br/>{b} : {c} ({d}%)" 
    }, 

從而得來這個問題的解決方案(藍色字體): 

series : [ 
        { 
            name:'訪問來源', 
            type:'pie', 
            radius : '55%', 
            center: ['50%', '60%'], 
            data:[ 
                {value:335, name:'直接訪問'}, 
                {value:310, name:'郵件營銷'}, 
                {value:234, name:'聯盟廣告'}, 
                {value:135, name:'視頻廣告'}, 
                {value:1548, name:'搜索引擎'} 
            ], 
            itemStyle:{ normal:{ label:{ show: true, 
                    formatter: '{b} : {c} ({d}%)' 
                  }, 
                  labelLine :{show:true} } } 
        } 
    ] 

 


免責聲明!

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



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