echarts空心饼图 百分比

要在echarts中创建一个空心饼图，并显示百分比，可以使用以下代码:

option = {
    tooltip: {
        trigger: 'item'
    },
    legend: {
        orient: 'vertical',
        left: 'left'
    },
    series: [{
        type: 'pie',
        radius: ['40%', '50%'], // 设置内外半径，实现空心效果
        label: {
            normal: {
                position: 'inner',
                show: true,
                formatter: '{b}: {d}%'
            }
        },
        labelLine: {
            normal: {
                show: true
            }
        },
        data: [{
            value: 1048,
            name: '7-10天',
            selected: true // 设置被选中的数据项
        }, {
            value: 735,
            name: '超过30天'
        }],
    }]
};

以上代码中，通过设置series中的radius属性，可以实现空心饼图的效果。百分比的显示通过设置label的formatter属性实现，其中`{b}`表示数据项的名称，`{d}`表示数据项的百分比。在需要显示百分比的数据项中，设置selected为true，即可默认选中该数据项。<span class="em">1</span>
#### 引用[.reference_title]
- *1* [echarts饼图中间有间隔](https://blog.csdn.net/Maxueyingying/article/details/130154103)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]