Javascript highcharts条形图：列宽很窄

在我的条形图中，列非常少。它不会自动计算宽度。它不会占用该相关系列的最大网格部分。

您的假设“它没有占用该相关系列的最大网格部分”是不正确的。事实上，它是最大化列宽，但您并没有为您的系列提供所有值。所以有很多高度为0的列

在构建示例时，必须为每个系列提供

x:0

、

x:1

、

x:2

等值。请参阅此示例扩展，其中我为每个系列提供了

x:0

值：

$（函数（）{
var图表=新的Highcharts.图表({
图表：{
renderTo:'容器'，
类型：“列”
},
xAxis：{
类型：“类别”
},
系列：[{
名称：“a”，
数据：[{x:0，y:70}]
}, {  
名称：“b”，
数据：[{x:0，y:65}，{x:1，y:29}]
},
{     
名称：“c”，
数据：[{x:0，y:60}，{x:2，y:29}]
},
{           
名称：“d”，
数据：[{x:0，y:55}，{x:3，y:29}]
}, {            
名称：“e”，
数据：[{x:0，y:50}，{x:4，y:29}]
},
{           
名称：“f”，
数据：[{x:0，y:45}，{x:5，y:29}]
}
]
});
});
由@gus27给出的答案很好，但我将把它作为另一种选择，并作进一步解释

默认情况下，
分组
为
真
，当您将多个系列放在柱状图/条形图上时，假设您打算对它们进行分组

因此，它在轴上的每个
x
值处为每个系列中的一列留出空间（gus提到的
0
值体积）

如果您不想制作包含分组列的图表，您可以

1） 将所有数据放在一个系列中（如前所述）

2） 在
绘图选项中将
分组设置为
假
：

plotOptions: {
  series: {
    grouping: false
  }
}

小提琴：



默认情况下，您的系列已分组，您可以通过以下方式禁用分组：

plotOptions: {
    column: {
        grouping: false,
    }
},

现场示例：
感谢jlbriggs、stpoa和gus27。这组Opthon为我工作。@阿克德里，如果答案解决了你的问题，请考虑接受和投票。谢谢
plotOptions: {
    column: {
        grouping: false,
    }
},