Highcharts分組條形圖中控制條間的間距

Question

我有兩個條形圖，使用highcharts庫在單個頁面上繪製。在這些圖表中，我需要爲小節保持相同的寬度，並且在小組中的小節之間保持相同的間距。容器的大小在各個圖表中是不同的，並根據UI佈局進行修復。

片段的情節選項：

series: {    
     grouping:true, 
     groupPadding:0.12, 
     borderWidth: 0, 
     events: { 
      legendItemClick: function() { 
      return false; 
      } 
     } 
    } 

我已經嘗試各種組合和的jsfiddle鏈接是位置 - http://jsfiddle.net/U6mhy/29/

在上述鏈接，儘管條形寬度是相同的兩個圖表之間，間隔單個組中的酒吧之間並不相同。事實上，chart1中的柱狀圖幾乎不會被分組。

我已經嘗試過指定groupPadding，pointPadding和pointWidth的不同值，但無法實現這些圖表之間條間的一致間距。

請建議是否有任何其他選項組合可以幫助我實現這一目標。

-Thanks

Answer 1

只是要清楚，你可以使用一個（一個）：

• pointWidth：力量Highcharts畫條固定寬度，
• pointPadding + groupPadding：根據這些數值和圖表寬度/高度計算橫槓寬度

試想一下：如何設置相同當你有不同數量的酒吧時，所有圖表的酒吧寬度是多少？答案是根據列數來更改圖表的寬度。例如，你有4個酒吧？圖表高度/寬度將總和：4 x 10px + some_padding。如果您有10個橫條，則高度/寬度將爲：10 x 10px + some_padding（與上面相同）。我希望這就是你想要達到的目標。