echarts饼图标签位置设置
时间: 2023-10-02 21:11:22 浏览: 20
在 ECharts 中,饼图的标签位置可以通过设置 `label` 属性来实现。具体来说,可以设置以下属性:
- `position`:标签的位置,可以设置为 `'inner'`、`'outer'` 或者相对于饼图中心点的位置,比如 `['50%', '50%']`;
- `formatter`:标签内容格式化函数;
- `color`:标签文字颜色;
- `fontWeight`:标签文字粗细;
- `fontSize`:标签文字大小。
下面是一个示例:
```javascript
option = {
series: [{
type: 'pie',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
],
label: {
position: 'outer',
formatter: '{b} ({d}%)',
color: '#333',
fontWeight: 'bold',
fontSize: 14
}
}]
};
```
在上面的示例中,我们将饼图的标签位置设置为 `'outer'`,将标签内容设置为 `{b} ({d}%)`,表示显示数据项的名称和百分比。同时,我们还设置了标签文字颜色、粗细和大小。您可以根据自己的需求进行调整。