javascript - Highcharts:删除柱形图周围的填充

Question

我有一个 Highcharts 柱形图，我希望它非常小。只有条形图，没有填充，没有标题，没有标签等。

我已经尝试使用 api 进行多种设置，但是我似乎无法摆脱我构建的图表左右两侧的大约 15px 的填充。

我的图表设置如下:

    chart: {
        backgroundColor: 'transparent',
        borderWidth: 0,
        plotBackgroundColor: 'transparent',
        plotShadow: false,
        plotBorderWidth: 0,
        margin: 0,
        padding: 0,
        spacing: [0, 0, 0, 0]
    }

我认为将 spacing 设置为 0 会解决问题，但事实并非如此。

我在这里打开了一个 fiddle :http://jsfiddle.net/kMVB5/16/

Answer 1

只需将 minPadding 和 maxPadding 设置为 0。参见:http://jsfiddle.net/kMVB5/26/

    xAxis: {
        gridLineColor: 'transparent',
        gridLineWidth: 0,
        lineColor: 'transparent',
        lineWidth: 0,
        labels: {
            enabled: false
        },
        title: {
            enabled: false
        },
        tickWidth: 0,
        minPadding: 0,
        maxPadding: 0
    },