echarts 柱状图显示数值
时间: 2023-11-14 13:09:03 浏览: 164
echarts柱状图
您可以使用 echarts 的 series-bar 组件来绘制柱状图,并在柱子上显示数值。具体实现方法如下:
1. 在 option 中配置 series-bar 组件,设置 data 数据和 barWidth 柱子宽度等属性。
2. 在 series-bar 中配置 label 组件,设置 show 属性为 true,即可在柱子上显示数值。
以下是一个简单的示例代码:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
barWidth: 30,
label: {
show: true,
position: 'top'
}
}]
};
```
阅读全文