echarts显示柱状图数值
时间: 2023-11-23 09:54:53 浏览: 201
echarts 横着显示的柱状图
要在echarts中显示柱状图数值,可以通过在series配置项中添加label属性来实现。具体来说,需要在label属性中设置normal属性,然后在normal属性中设置show为true,position为top,textStyle中设置color为想要的颜色即可。这样就可以在柱形上方显示数值了。
举个例子,假设我们有一个柱状图的series配置项如下:
```
series: [{
name: '销量', type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
```
要在柱形上方显示数值,可以将其修改为:
```
series: [{
name: '销量', type: 'bar',
data: [5, 20, 36, 10, 10, 20],
label: {
normal: {
show: true,
position: 'top',
textStyle: {
color: '#000'
}
}
}
}]
```
这样就可以在柱形上方显示黑色的数值了。
阅读全文