echarts饼图设置label
时间: 2023-10-21 15:04:43 浏览: 151
echarts饼图扇区添加点击事件的实例
为 ECharts 的饼图设置 label,可以使用 series.data 中的 `label` 属性来指定标签的相关设置。下面是一个示例代码,展示了如何设置饼图的标签:
```javascript
option = {
series: [
{
type: 'pie',
data: [
{value: 335, name: 'Apple'},
{value: 310, name: 'Banana'},
{value: 234, name: 'Orange'},
{value: 135, name: 'Grapes'},
{value: 1548, name: 'Pear'}
],
label: {
show: true,
formatter: '{b} : {c} ({d}%)'
}
}
]
};
```
在上面的代码中,`series` 数组中的第一个元素是饼图的配置项。其中的 `data` 属性是数据项,每个数据项都有 `value` 和 `name` 属性,分别表示数值和名称。`label` 属性用于设置标签的相关配置。在这个例子中,`show` 属性被设置为 `true`,表示显示标签。`formatter` 属性用于设置标签的格式,`{b}` 表示名称,`{c}` 表示数值,`{d}` 表示百分比。
你可以根据实际需求调整标签的显示样式和格式。
阅读全文