echart环形图怎么设置label显示名称加值
时间: 2024-10-25 19:02:41 浏览: 12
echart 3D环形图 动画效果
在ECharts的环形图(donut chart 或 polar coordinate chart)中,如果你想在标签上同时显示名称和值,你需要设置`formatter`属性。这是一个自定义函数,用于格式化每个数据点的标签内容。
以下是一个示例配置:
```javascript
var option = {
series: [
{
type: 'pie', // 环形图类型
name: '某数据',
radius: ['50%', '70%'], // 设置内外半径
center: ['50%', '60%'], // 圆心位置
data: [
{ value: 335, name: '部分A' },
{ value: 310, name: '部分B' },
{ value: 234, name: '部分C' }
],
label: { // 标签配置
show: true, // 显示标签
position: 'center', // 标签位置,默认居中
formatter: function (params) { // 自定义标签内容
return params.name + '(' + params.value + '%)';
}
}
}
]
};
```
在这个例子中,`formatter`函数接收一个参数`params`,其中包含了当前数据点的信息,包括名称`name`和值`value`。函数返回的是标签的实际显示文本,即名称后面跟着百分比形式的值。
阅读全文