将Highchart扩展到容器的边缘

时间:2018-03-04 03:54:15

标签: javascript highcharts

我有一张Highcharts区域图表,没有标签,我想占用其容器的整个尺寸(即图表本身一直到最边缘)。我已经禁用了每个轴上的标签,并将reserveSpace设置为false,将padding设置为0,但我的图表仍然没有扩展到最边缘(请参见下面的屏幕截图) ):

enter image description here

我在图表配置中有这个:

...,
xAxis: {
  ...,
  title: {
    enabled: false,
    reserveSpace: false
  },
  labels: {
    enabled: false,
    reserveSpace: false,
    padding: 0
  },
  tickLength: 0,
  lineWidth: 0,
  tickWidth: 0,
  ...
},
yAxis: {
  ...,
  gridLineWidth: 0,
  minorGridLineWidth: 0,
  title: {
    enabled: false,
    reserveSpace: false
  },
  labels: {
    enabled: false,
    reserveSpace: false,
    padding: 0
  },
  tickLength: 0,
  minPadding: 0,
  maxPadding: 0,
  ...
},
...

如何完成将线延伸到容器的最边缘?

1 个答案:

答案 0 :(得分:1)

chart.spacing是您正在寻找的选项。

  

spacing:Array.Since 3.0.6   图表外边缘与内容之间的距离,如标题或图例,或轴标题和标签(如果存在)。数组中的数字分别指定顶部,右侧,底部和左侧。使用optionsTop,spacingRight,spacingBottom和spacingLeft选项选项可以简化一个选项的设置。

     

默认为[10,10,15,10]。