重叠条形图 apache echarts 百度

Posted 2023-03-25

【中文标题】重叠条形图 apache echarts 百度

【英文标题】：Overlapping bar chart apache echarts baidu

【发布时间】：2020-01-18 11:40:58

【问题描述】：

我想创建多个系列重叠的条形图。

堆叠条形图将条形图放置在另一个条形图的顶部。

我希望所有栏都从 底部 开始，如下例所示。

有什么方法可以通过echarts 实现这一点吗？

【问题讨论】：

这是你要找的东西吗 - ibb.co/kMpYQnq

@gautam 是的。与此类似。只是所有的酒吧都应该从底部开始。不在另一个之上。

您可以在此处找到示例：echarts.apache.org/examples/en/…

@Raymond 它将栏放在栏的顶部。例如，一根柱线的价值为 20，另一根柱线的值为 30，那么图表上的最终柱线应为 30 而不是 20+30=50。当前示例提供了一种将一个条放在另一个不重叠的顶部的方法。

【参考方案1】：

这个example

添加

series: [
    
        name: 'Forest',
        type: 'bar',
        barGap: '-100%',  // this changed
        barCategoryGap: '80%', // this changed
        label: labelOption,
        data: [320, 332, 301, 334, 390]
    ,
    
        name: 'Steppe',
        type: 'bar',
        label: labelOption,
        data: [220, 182, 191, 234, 290]
    ,
    
        name: 'Desert',
        type: 'bar',
        label: labelOption,
        data: [150, 232, 201, 154, 190]
    ,
    
        name: 'Wetland',
        type: 'bar',
        label: labelOption,
        data: [98, 77, 101, 99, 40]
    
]