echarts柱状图柱体上显示数值的属性
时间: 2023-08-07 07:08:25 浏览: 356
echarts柱状图
要在 Echarts 柱状图柱体上显示数值,需要在 `series` 的 `label` 属性中设置相关的属性。
具体步骤如下:
1. 在 `series` 中设置 `label` 属性,如下:
```javascript
series: [{
data: [10, 20, 30, 40],
type: 'bar',
label: {
show: true, // 显示标签
position: 'top', // 标签显示位置
formatter: '{c}', // 标签内容格式器
},
}]
```
其中 `show` 属性表示是否显示标签,`position` 属性表示标签显示的位置,`formatter` 属性表示标签的内容格式器,这里使用了 `{c}` 表示数据项的数值。
2. 可以进一步调整标签的样式,如字体大小、颜色等。例如:
```javascript
label: {
show: true,
position: 'top',
formatter: '{c}',
fontSize: 14,
color: '#333',
}
```
通过以上步骤,就可以在 Echarts 柱状图柱体上显示数值了。
阅读全文