将 Highchart 扩展到容器边缘

Question

我有一个没有标签的 Highcharts 面积图，我想占据其容器的整个大小（即图表本身一直到边缘）。我已经禁用了每个轴上的标签并将reserveSpace 设置为false 和padding 设置为0，但我的图表仍然没有扩展到边缘（见下面的截图）：

我的图表配置中有这个：

...,
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,
  ...
},
...

如何将线条延伸到容器的最边缘？

Answer 1

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

间距：Array.Since 3.0.6 图表外边缘与内容之间的距离，如标题或图例，或轴标题和标签（如果存在）。数组中的数字分别表示顶部、右侧、底部和左侧。使用选项spacingTop、spacingRight、spacingBottom 和spacingLeft 选项进行一个选项的速记设置。

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