echarts中label上下兩行展示


 

 如上圖展示

series: [ //系列列表
{
    name: '設備狀態',
    //系列名稱
    type: 'pie',
    //類型 pie表示餅圖
    radius: ['50%', '70%'],
    //餅圖的半徑,第一項是內半徑,第二項是外半徑,內半徑為0就是真的餅,不是環形
    center: ['55%', '50%'],
    itemStyle: { //圖形樣式
        normal: { //normal 是圖形在默認狀態下的樣式;emphasis 是圖形在高亮狀態下的樣式,比如在鼠標懸浮或者圖例聯動高亮時。
            label: { //餅圖圖形上的文本標簽
                show: true,
                //平常不顯示
                textStyle: {
                    fontSize: '15',
                    fontWeight: 'bold'
                },
                formatter: '{b}\n{c} 次/{d}%',
            },
        },
    },
    data: [{
        value: 4,
        name: '組織培訓'

    }, {
        value: 4,
        name: '處理處分',

    }, {
        value: 4,
        name: '開展專項治理',

    }, {
        value: 4,
        name: '挽回損失',

    }, {
        value: 6,
        name: '完善制度',

    }, {
        value: 4,
        name: '新建制度',

    }, {
        value: 4,
        name: '召開會議',

    }]
}]

 


免責聲明!

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



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