echarts饼图标签位置设置
时间: 2023-10-06 07:10:26 浏览: 65
解决echarts中饼图标签重叠的问题
Echarts 饼图的标签位置可以通过设置 series 中的 label 属性来实现。常用的属性有:
- position:标签的位置,可选值为 'inside'、'outside'、'center',分别表示:饼图内部、饼图外部、饼图中心。
- formatter:标签内容格式化函数,可以按照自己的需求进行定制。
以下是一个简单的示例代码:
```javascript
option = {
series: [
{
type: 'pie',
radius: '50%',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
],
label: {
position: 'inside', // 标签位置为饼图内部
formatter: '{b} : {c} ({d}%)' // 标签内容格式化
}
}
]
};
```
在上述代码中,label 的 position 属性被设置为 'inside',表示标签显示在饼图内部;formatter 属性则被设置为 '{b} : {c} ({d}%)',表示标签内容为数据项的名称、数值和占比。你可以根据自己的需求进行修改。
阅读全文