当一个系列被隐藏时，highcharts的固定点宽度不起作用。

Question

预期的行为：即使在显示和隐藏一系列条形点后，条形点的宽度也应该始终相同。

实际行为：条形图的宽度不一样，中间的条形图被挤压。

现场演示与重现步骤：进入下面的fiddle，点击图例上的系列2（启用），观察条形图的宽度，中间条形图的宽度与其他条形图不一样。我认为highcharts试图在可用的图表宽度范围内适应条形图，我怎样才能确保条形图的宽度相等，而它们之间没有空间。我试过用下面的选项spointPadding: 0,borderWidth: 0,shadow: false,pointWidth: 10。

https:/jsfiddle.netrammohanreddy201mugp32hy5。

`

Highcharts.chart('container', { chart: type: 'column' }, xAxis: { categories: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'] },

plotOptions: {
    series: {
        pointPadding: 0,
        borderWidth: 0,
        shadow: false,
        pointWidth: 10,
         states: {
         inactive: {
           opacity: 1
         },
         hover: {
           enabled: false
         }
            }
    }
},

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
},
{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    visible: false
},
{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]

});`产品版本7.x。

受影响的浏览器用chrome尝试过，但不依赖于浏览器类型。

Answer 1

列的宽度是一样的，只是重叠了。如果你想显示整个列，为它们腾出更多的空间，例如通过设置 groupPadding 到0。

plotOptions: {
  series: {
    pointPadding: 0,
    groupPadding: 0,
    pointWidth: 10,
    ...
  }
}

---

现场演示。 https:/jsfiddle.netBlackLabelknm5xvtd。

API参考。 https:/api.Highcharts.comhighchartsplotOptions.column.groupPadding。