列和y轴线之间的填充 - 这可能吗？

Question

我在highcharts api中到处搜索，我想知道这是否可行。

请参阅随附的屏幕截图...

是否可以将列与图表边界的边缘隔开？ y轴网格线仍应占据图表的整个宽度。

编辑：列之间的距离需要小于列与图表边缘之间的距离。想象一个封装列的盒子，我关注这个“盒子”和图表边缘之间的填充。

谢谢！

Answer 1

您可以在两端放置一些空列，并将空字符串添加到其类别working example。

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        xAxis: {
            tickWidth: 0,
            categories: ['', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', '']
        },


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

Answer 2

根据图表的设置方式，您可以在xAxis上使用minPadding和maxPadding。 e.g。

    xAxis: {
        minPadding: 0.2,
        maxPadding: 0.2
    },