0

我有一个简单的柱形图，我希望有 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 时，列之间就有很大的空间，因此它跨越了整个轴，我怎样才能防止这种情况发生？

谢谢

4

2 回答 2

2

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

您可以使用的 2 种方法：

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

example:

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

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

例子：

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

于 2013-08-27T20:19:44.417 回答
1

如果您不想添加空白列，您可以随意调整图表的宽度，但这会使整个事情变得更薄。或者您可以按照 jlbriggs 的建议进行操作，以更好地满足您的要求。

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

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

于 2013-08-27T20:24:03.720 回答