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

柳絮因风起-

于 2023-06-21 16:03:11 发布

阅读量349

点赞数

CC 4.0 BY-SA版权

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/qq_28331393/article/details/131329744

该文章介绍了如何在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} 
                    } 
                }
            }
        ]