Highcharts - 更改类别轴上的组填充和列宽答案

【问题标题】：Highcharts - change group padding and column width on category axisHighcharts - 更改类别轴上的组填充和列宽
【发布时间】：2013-08-28 04:24:03
【问题描述】：

我有一个简单的柱形图，我希望有 0 groupPadding 以便各列彼此靠近，但我也希望每列的宽度 (pointWidth) 仅为 50 像素。

这是针对具有类别标签的 x 轴。这是我的代码：http://jsfiddle.net/2pVkd/

    $('#container').highcharts({
    chart: {
        type: 'column'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr']
    },

    plotOptions: {
        series: {
            // pointWidth: 50,
            groupPadding: 0
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2]
    }]
});

但问题是，当我将 pointWidth 设置为 50 和 0 groupPadding 时，列之间有很大的空间，因此它跨越了整个轴，我怎样才能防止这种情况发生？

谢谢

【问题讨论】：

标签： javascript highcharts

【解决方案1】：

没有直接选项，因为图表会尝试用可用数据填充绘图区域。

您可以使用的两种方法：

1) 填写其余类别，设置一个轴最大值：

example:

http://jsfiddle.net/2pVkd/2/

2) 用空值填充数据数组以填充额外的空间

示例：

http://jsfiddle.net/2pVkd/4/

【讨论】：

【解决方案2】：

如果您不想添加空白列，您可以随意调整图表的宽度，但这会使整个图表变得更薄。或者，您可以按照 jlbriggs 的建议进行操作，哪种方法更适合您的要求。

chart: {
            type: 'column',
            width: 300
        },

http://jsfiddle.net/2pVkd/3/

【讨论】：