是否可以在單個Highcharts圖表中組合兩個柱形圖？

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

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

enter image description here

是我想在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 
     }] 
    }) 
})

來源

2013-07-07 David Bridgeland

刪除groupPadding並設置：

plotOptions: { 
    series: { 
    grouping: false 
    } 
}

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

來源

2013-07-08 11:59:43

此外，黃色條的pointInterval是紅色條的大小的兩倍。 – wergeld

是的，可能'pointRange'也應該被刪除，應該使用'pointWidth'，但我不確定。 –

謝謝艦隊海軍上將福斯 –

是否可以在單個Highcharts圖表中組合兩個柱形圖？

回答

相關問題