本文介绍了如何在 Echarts 中配置饼状图以显示图例、内容、值和百分比，并提供了完整的代码示例。讨论了 formatter 的使用来增加比例显示，展示了启用饼图横线的设置，以及图例的各种控制，包括显示、位置、图标类型和选择模式。同时，还涵盖了图例文本的格式化、颜色调整、阴影效果以及图例的布局和尺寸等参数。
增加了显示比例，显示内容
显示比例代码显示完整代码：
series: [
{
name:'访问来源',
type:'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: false,
label: {
normal: {
formatter: '{b}:{c}' + '\n\r' + '({d}%)',
show: true,
position: 'left'
},
emphasis: {
show: true,
textStyle: {
fontSize: '30',
fontWeight: 'bold'
}
}
},
labelLine: {
normal: {
show: true
}
},
data:[
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'},
{value:234, name:'联盟广告'},
{value:135, name:'视频广告'},
{value:1548, name:'搜索引擎'}
]
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
