我有一个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可以解决此问题,但事实并非如此。

我在这里开了一个小提琴:http://jsfiddle.net/kMVB5/16/

最佳答案

只需将minPaddingmaxPadding设置为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
    },

关于javascript - Highcharts :删除柱形图周围的填充,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23897939/

10-09 18:07