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（与上面相同）。我希望这就是你想要达到的目标。