Highcharts填充问题

Question

我正在尝试制作一个两侧没有填充的柱形图。

我需要将哪些选项添加到我的highcharts配置中？

此jsfiddle是我目前的尝试：

$('#container').highcharts
  series: [{
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
      }]
  credits:
    enabled: off
  legend:
    enabled: off
  exporting:
    enabled: off
  title:
    text: null
  chart:
    margin: [0,0,0,0]
    type: 'column'
  plotOptions:
    column:
      groupPadding: 0
      pointPadding: 0
      borderWidth : 0
      stacking: 'normal'
   xAxis:
      title:
        text: null
      labels:
        enabled: off
   yAxis:
      title:
        text: null
      labels:
        enabled: off
      gridLineWidth: 0
      minorGridLineWidth: 0 

Answer 1

CoffeeScript

在xAxis下，添加

    min: 0.05
    max: 11

对于Javascript，

在xAxis下，添加

    min: 0.05,
    max: 11,

P.S。根据您的需要调整max。

DEMO ：http://jsfiddle.net/ytfYe/2/

参考：Highcharts Remove Space across the x-Axis

标签：bar栏左右间距删除

Answer 2

我不知道为什么保证金在那里，尽管你把它设置为零，但我摆脱了它：

margin: [0,-5,0,-5]

Answer 3

您可以在xAxis上将minPadding/maxPadding设置为0.

http://jsfiddle.net/ytfYe/3/