Question

我有一个简单的柱形图，我希望有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时，列之间有一个巨大的空间，以便它跨越整个轴，我该如何防止这种情况发生？

谢谢

Answer 1

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

您可以使用2种方法：

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

example:

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

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

示例：

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

Answer 2

如果你不想添加空白列，你可以乱用图表的宽度，这将使整个事情变得更薄。或者你可以做jlbriggs所建议的，更好地满足你的要求。

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

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

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

2 个答案: