是否可以在一個Highcharts圖表中合並兩個柱形圖？

Question

Highcharts支持組合不同類型的圖表，例如在單個圖表中組合樣條曲線和列。 當然，可以在同一張圖表中組合多個樣條曲線。 是否可以合並多個列？ 我可以將柱形圖與第二個柱形圖結合使用，即在另一組柱形的頂部（通過zIndex）顯示一組柱形嗎？

這個小提琴-http: //jsfiddle.net/Bridgeland/rqrQ4/-顯示了最簡單的示例。 我想在一個細長的紅色矩形的頂部（zIndex）上有一個矮矮的黃色矩形，黃色矩形覆蓋紅色矩形的下半部分。 相反，它們並排出現。

我想要在Highcharts中實現什么？

（順便說一句，為什么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
        }]
    })
})

Answer 1

刪除groupPadding並設置：

plotOptions: {
  series: {
    grouping: false
  }
}

和現場示例： http : //jsfiddle.net/rqrQ4/1/