如何使GoogleChart在mat-grid中具有灵活性？

Question

我在生成的mat-grid列表中有一个Google图表，用于页面上的元素对齐。但是当我更改浏览器的宽度时，该图表并没有像预期的那样变小。不好。通常所有图像，文本等都在网格中弯曲，但是我不明白为什么这不适用于googleChart。

演示： https://stackblitz.com/edit/angular-pt2kha?file=app/grid-list-overview-example.html

您可以在此处查看行为：

Answer 1

您必须使用百分比来设置图表的大小以及dynamicResize属性。将高度和宽度设置为带有百分比的样式，然后启用dynamicResizing。

示例：

 <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"              
          >

请参见Stackblitz