echarts 柱状图 在同一个柱子上分段显示
时间: 2023-10-17 09:55:15 浏览: 221
在echarts中,要在同一个柱子上分段显示,可以使用普通柱状图和象形柱状图的组合。首先,需要设置两个x轴,一个用于画数据(隐藏),一个用于展示。然后,根据数据的分段位置,在象形柱状图上标出每一段的起始点。举例来说,如果在\[-10,-8\]区间上有6段数据\[3,5,10,8,9,6\],累计为41,分段的位置应该是\[3,8,18,26,35\]。最后,使用`setOption`方法绘制图表,并根据窗口大小调整图表大小。\[2\]\[3\]
#### 引用[.reference_title]
- *1* *3* [Vue 中 Echarts实现分段式柱形图](https://blog.csdn.net/qq_39467560/article/details/128241040)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [echarts渐变分段柱状图](https://blog.csdn.net/jizhichaomifen/article/details/130339114)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文