echarts其中一个柱状图叠加
时间: 2023-08-25 12:10:08 浏览: 88
在Echarts中,可以通过设置柱状图的stack属性来实现柱状图的叠加效果。在给定的代码中,两个柱状图的stack属性都设置为'Ad',这样它们就会叠加在一起显示。\[1\]
例如,给定以下代码片段:
```
series: \[
{
name: '自采订单',
type: 'bar',
stack: 'Ad',
data: \[120, 132, 101, 134, 90, 230, 210\]
},
{
name: '客采订单',
type: 'bar',
stack: 'Ad',
data: \[220, 182, 191, 234, 290, 330, 310\]
}
\]
```
这将创建两个柱状图系列,分别代表自采订单和客采订单,并将它们叠加在一起显示。
请注意,为了使叠加效果生效,确保两个柱状图的stack属性值相同。
#### 引用[.reference_title]
- *1* [echarts——实现叠加柱状图功能——并添加合计功能](https://blog.csdn.net/yehaocheng520/article/details/123279866)[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^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文