将Highchart扩展到容器的边缘

Posted 2021-05-05

我有一个没有标签的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,
  ...
},
...

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

答案

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

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

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