echarts-实现标题中显示百分比

最新推荐文章于 2025-04-01 09:15:39 发布

原创最新推荐文章于 2025-04-01 09:15:39 发布 · 351 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #javascript

该文章介绍了如何在Echarts图表库中使用normal-label节点来配置饼图，包括数据类型、半径、中心位置等属性设置，以及高亮效果和标签显示的格式化方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用方式：normal-label节点

   series : [{
                name: '类型',
                type: 'pie',
                radius : '55%',
                center: ['50%', '60%'],
                data:valuearray,
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    },
                    normal:{ 
                        label:{ 
                            show: true, 
                            formatter: '{b} : {c} ({d}%)' 
                        }, 
                        labelLine :{show:true} 
                    } 
                }
            }
        ]