Javascript 如何使用ngx图表展开图表以匹配容器的宽度

我试图使用

ngx图表

来显示一个

区域

图表，该图表横跨我的页面的整个宽度（它应该与上面水平线的宽度相匹配）。但是，在生成图表时，

svg

中似乎存在某种填充，我认为如果您有图例等，这种填充很有用，但我没有使用它，下面是我看到的：

查看实际面积图表如何不扩展全宽

我的代码：

 <ngx-charts-area-chart
    [scheme]="colorScheme"
    [results]="heatmaps"
    [curve]="curve"
    [showGridLines]="showGridLines"
    [tooltipDisabled]="tooltipDisabled"
    (select)="onSelect($event)">
  </ngx-charts-area-chart>

如您所见，我没有使用

视图

属性，因此图表应该扩展到页面的宽度。我想我可以在

svg

上使用

viewBox

，但不太确定，有什么想法吗

谢谢

  curve = d3.curveNatural;
  showGridLines = false;
  tooltipDisabled = true;
  colorScheme = {
    domain: ['#3f3f3f']
  };