ECharts 柱状图 数值
时间: 2023-08-25 12:16:05 浏览: 45
ECharts柱状图中显示数值的配置是通过series的label属性实现的。具体的配置可以参考以下代码示例:
```javascript
series: [
{
label: {
normal: {
show: true, // 开启显示
position: 'top', // 柱形上方显示
textStyle: {
color: '#fff' // 数值样式颜色
}
}
},
data: [55, 70, 66, 80 // 柱状图数据
}
]
```
在这个配置中,通过设置label的show属性为true,可以显示数值;设置position属性为'top',则数值会显示在柱形的上方;通过设置textStyle中的color属性可以设置数值的颜色。以上是一个简单的配置示例,你可以根据自己的需求进行进一步的定制和调整。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *2* [Echart柱状图数值显示](https://blog.csdn.net/roury/article/details/114412416)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
- *3* [Echarts 柱状图 常见效果(最大值/最小值/平均值) 数值显示/柱宽度/横向 特点](https://blog.csdn.net/weixin_42448623/article/details/108991919)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
[ .reference_list ]