将Highchart扩展到容器的边缘

问题描述 投票:0回答:1

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

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

javascript highcharts
1个回答
1
投票

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.