Javascript 如何使GoogleChart在mat网格中具有灵活性？

我在mat grid列表中有谷歌图表，这是我为页面上的元素对齐而生成的。但当我更改浏览器的宽度时，该图表并没有像预期的那样变小。网格平铺中有溢出，这不好。通常所有图像，文本等是弹性的垫网格，但我不明白为什么这不是谷歌图表

演示：

您可以在此处看到行为：

---

您必须使用百分比来设置图表的大小以及DynamicSize属性。将高度和宽度设置为带有百分比的样式，并启用动态调整

例如：

 <google-chart #chart  
          style="border-style:solid;border-width:1px;width:90%;height:90%" 
          [title]="title"
          [type]="type"
          [data]="data"
          [columnNames]="columnNames"
          [options]="options"
          [dynamicResize]="true"              
          >

---

请参见

您必须使用百分比来设置图表的大小以及DynamicSize属性。将高度和宽度设置为带有百分比的样式，并启用动态调整

例如：

 <google-chart #chart  
          style="border-style:solid;border-width:1px;width:90%;height:90%" 
          [title]="title"
          [type]="type"
          [data]="data"
          [columnNames]="columnNames"
          [options]="options"
          [dynamicResize]="true"              
          >

---

请参阅

这是一个很好的方法，非常感谢。但是，当您更改页面大小时，图表将移动到可缩放状态。这是一个很好的方法，非常感谢。但是，当您更改页面大小时，图表将移动到可缩放状态