Javascript 是否可以将两个柱状图合并到一个Highcharts图表中？

Highcharts支持组合不同类型的图表，例如在单个图表中组合样条线和列。当然，我们可以在同一张图表中组合多条样条曲线。可以合并多个列吗？我是否可以将柱状图与第二个柱状图组合，即在另一组柱的顶部（通过zIndex）显示一组柱

这把小提琴--展示了最简单的例子。我想在一个又高又瘦的红色矩形的顶部有一个短而深的黄色矩形（zIndex），黄色矩形覆盖红色矩形的下半部分。相反，它们并排出现

我想要的是海图吗

（顺便提一下，为什么Highcharts会将两列的宽度减半？如果图表只有红色矩形的系列，则宽度为5000，而不是2500；如果图表只有黄色矩形的系列，则宽度为10000，而不是5000。）

以下是与小提琴相对应的代码：

$(function () {
    $('#container').highcharts({
        chart: { 
            alignTicks: false
        },
        title: {
            text: ""
        },
        yAxis: {
            min: 0,
            max: 1
        },
        xAxis: {
            min: 0,
            endOnTick: false,  
            max: 9000
        },
        legend: {
            enabled: false
        },
        credits: {
            enabled: false
        },
        series: [

        {
            data: [
            1],
            type: "column",
            pointPadding: 0.01,
            groupPadding: 0,
            color: "red",
            pointInterval: 5000,
            pointRange: 5000,
            borderWidth: 0,
            shadow: false,
            pointPlacement: "between",
            zIndex: 0,
            minPointLength: 3
        }, {
            data: [
            0.5],
            type: "column",
            pointPadding: 0.01,
            groupPadding: 0,
            color: "yellow",
            pointInterval: 10000,
            pointRange: 10000,
            borderWidth: 0,
            shadow: false,
            pointPlacement: "between",
            zIndex: 1,
            minPointLength: 3
        }]
    })
})

---

删除

groupPadding

并设置：

plotOptions: {
  series: {
    grouping: false
  }
}

---

和实例：

删除

groupPadding

并设置：

plotOptions: {
  series: {
    grouping: false
  }
}

---

还有一个活生生的例子：

黄色条的点间距是红色条的2倍。是的，可能也应该删除

pointRange

，并使用

pointWidth

，但我不确定。谢谢你，福西海军上将问了另外一个问题——关于黄色和红色条的大小——另外黄色条的点间距是红色条的2倍。是的，可能应该删除

点范围
，并使用
点宽度
，但我不确定。谢谢你，福西海军上将问了另外一个问题——关于黄色和红色条纹的大小——分别是多少