echarts设置在饼图内部显示文本
时间: 2023-12-25 16:03:49 浏览: 94
ECharts 饼图
5星 · 资源好评率100%
要在 Echarts 饼图内部显示文本,可以使用 Echarts 中的 label 属性。
首先,需要在 series 中设置 label 的样式和位置。例如:
```
series: [{
type: 'pie',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
],
label: {
show: true, // 显示标签
position: 'inside', // 标签位置,inside 表示在饼图内部
formatter: '{b}: {c} ({d}%)' // 标签内容格式化器,{b} 表示数据项名称,{c} 表示数据项值,{d} 表示数据项所占比例
}
}]
```
以上代码将在饼图内部显示数据项的名称、值和所占比例。您可以根据自己的需求修改 label 属性的设置。
阅读全文