鍍金池/ 問答/HTML/ echart.js如何畫帶百分比的餅狀圖

echart.js如何畫帶百分比的餅狀圖

圖片描述

回答
編輯回答
朕略傻

主要看label

series: [
    {
        name:'訪問來源',
        type:'pie',
        radius: ['50%', '70%'],
        avoidLabelOverlap: false,
        label: {
            normal: {
                show: true,
                position: 'inside',
                formatter:`lxjlb1z` + '%'
            },
            emphasis: {
                show: true,
                textStyle: {
                    fontSize: '30',
                    fontWeight: 'bold'
                }
            }
        },
        labelLine: {
            normal: {
                show: false
            }
        },
        data:[
            {value:335, name:'直接訪問'},
            {value:310, name:'郵件營銷'},
            {value:234, name:'聯(lián)盟廣告'},
            {value:135, name:'視頻廣告'},
            {value:1548, name:'搜索引擎'}
        ]
    }
]
2018年7月9日 17:28