控制Highcharts中条形图之间的间距分组条形图

我有两个条形图，使用highcharts库在一页上绘制。在这些图表中，我需要在一个组中保持相同的条宽和条间距。容器的大小在图表中是不同的，并根据UI布局固定

打印选项片段：

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

我尝试了各种组合，这里有一个JSFIDLE链接-

在上面的链接中，虽然两个图表之间的条形宽度相同，但单个组中条形之间的间距不同。事实上，图表1中的条形图几乎没有分组

我曾尝试指定groupPadding、pointPadding和pointWidth的不同值，但无法在这些图表中实现一致的条间距

请建议是否有任何其他选项组合可以帮助我实现这一目标

---

-谢谢

为了清楚起见，您可以使用其中一种（不是两种）：

• pointWidth

  ：强制Highcharts以固定宽度绘制条形图

• pointPadding

  +

  groupPadding

  ：根据这些值和图表宽度/高度计算条形图的宽度

---

试想一下：当您有不同数量的条形图时，如何为所有图表设置相同的条形图宽度？答案是根据列数改变图表的宽度。例如，你有4个酒吧？图表高度/宽度的总和为：4x10px+一些填充。如果有10条，则高度/宽度为：10 x 10px+一些填充（同上）。我希望这就是您想要实现的目标。

为了明确起见，您可以使用其中一种（而不是两种）：

• pointWidth

  ：强制Highcharts以固定宽度绘制条形图

• pointPadding

  +

  groupPadding

  ：根据这些值和图表宽度/高度计算条形图的宽度

---

试想一下：当您有不同数量的条形图时，如何为所有图表设置相同的条形图宽度？答案是根据列数改变图表的宽度。例如，你有4个酒吧？图表高度/宽度的总和为：4x10px+一些填充。如果有10条，则高度/宽度为：10 x 10px+一些填充（同上）。我希望这就是您想要实现的目标。

谢谢！当您尝试指定所有三个时，会发生奇怪的事情。谢谢！当您尝试指定这三个参数时，会发生奇怪的事情。