echarts柱状图柱体上显示数值的属性
时间: 2023-08-07 09:08:26 浏览: 75
echarts柱状图
要在 ECharts 柱状图的柱体上显示数值,可以使用 `label` 属性。具体地,在柱状图的 `series` 中,设置 `label` 的 `show` 属性为 `true`,并调整其他相关属性,例如 `position`、`formatter` 等,即可在柱体上显示数值。示例代码如下:
```javascript
option = {
// ... 其他配置项
series: [{
type: 'bar',
data: [12, 34, 56, 23, 45],
label: {
show: true,
position: 'top',
formatter: '{c}'
}
}]
};
```
在上述代码中,`data` 数组中的每个元素对应一个柱体,`label` 属性用于配置柱体上的标签,`show` 属性表示是否显示标签,`position` 属性表示标签的位置,`formatter` 属性表示标签的格式化方式。其中,`{c}` 表示当前柱体的值,可以根据需要进行调整。
阅读全文