javascript - 在列和 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]
        }]
    });
});