[英]How to make GoogleChart flexible in mat-grid?
我在为页面上的元素 alignment 生成的 mat-grid 列表中有 google 图表。但是当我更改浏览器的宽度时,该图表并没有像预期的那样变小。grid-tile 中有溢出并且它不好。通常所有图像、文本等都在 mat-grid 中灵活调整,但我不明白为什么这不适用于 googleChart。
演示: https://stackblitz.com/edit/angular-pt2kha?file=app/grid-list-overview-example.html
您可以在此处查看行为:
您必须使用百分比来设置图表的大小以及 dynamicResize 属性。 将高度和宽度设置为带有百分比的样式并启用动态调整大小。
例子:
<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"
>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.