javascript - Highcharts - 如何禁用柱形图周围的空白区域

Question

每当我制作柱形图时，我都会在宽度上得到空白空间，标签为 svg.highcharts-root 并且我不知道如何禁用它。这占据了指定 div 的整个宽度。 您可以在下图中看到:

我已经尝试了所有方法，将边距设置为 0 等。 如果有人知道如何摆脱那个空间，我们将不胜感激。

这里是 fiddle :https://jsfiddle.net/boutxbuq/8/

Answer 1

内联 SVG(就像 Highcharts 生成的那样)可以通过 CSS 设置样式。要使列占据所有可用的水平空间，您只需要这样做:

rect.highcharts-plot-background {
  width: 100%;
  x: 0;
}