echarts 柱状图 label
时间: 2023-11-10 09:03:43 浏览: 198
对于 Echarts 柱状图的 label,可以通过设置 `label` 属性来实现。具体可以使用以下两种方式:
1. 在 `series` 中设置 `label` 属性,可以对所有的柱子都应用相同的 label 样式。
示例代码如下:
```javascript
option = {
// ...
series: [{
type: 'bar',
data: [5, 20, 36, 10, 10, 20],
label: {
show: true,
position: 'top'
}
}]
// ...
};
```
在上述例子中,`label` 的 `show` 属性设置为 `true` 表示显示柱子的 label,`position` 属性设置为 `'top'` 表示 label 显示在柱子的顶部。
2. 在每个柱子对象中设置 `label` 属性,可以对每个柱子都应用不同的 label 样式。
示例代码如下:
```javascript
option = {
// ...
series: [{
type: 'bar',
data: [{
value: 5,
label: {
show: true,
position: 'inside'
}
}, {
value: 20,
label: {
show: true,
position: 'top'
}
}, {
// ...
}]
}]
// ...
};
```
在上述例子中,每个柱子对象都有自己的 `label` 属性,可以单独设置是否显示和位置。
阅读全文