Javascript 高位填充问题

Javascript 高位填充问题,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,我正在尝试制作一个侧面没有填充物的柱状图 我必须向highcharts配置中添加哪些选项 这是我目前的尝试: $('#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: enab

我正在尝试制作一个侧面没有填充物的柱状图

我必须向highcharts配置中添加哪些选项

这是我目前的尝试:

$('#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 

我不知道为什么尽管你将其设置为零,但利润率仍然存在,但我用以下方法消除了它:

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

对于咖啡脚本

在xAxis下,添加

    min: 0.05
    max: 11
    min: 0.05,
    max: 11,
对于Javascript

在xAxis下,添加

    min: 0.05
    max: 11
    min: 0.05,
    max: 11,
p.S.根据需要调整
max

演示

参考:


标记:条列左右间距删除

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


不幸的是,如果你调整结果窗口的大小,它就不起作用了。嗯,对我来说是这样的…?哦,我明白你的意思了,我调整得不够大。