echarts中餅圖顯示百分比

經過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} } } 
        } 
    ] 
相關文章
相關標籤/搜索