这是我的 plunker 。我已将 json 对象传递给图表，我想为折线图指定宽度 100%，将高度指定为 100px，但是当我们最小化高度时，CSS 无法按预期工作。该图表不采用其父 div/面板的高度和宽度。
最佳答案
使用自定义 CSS 指定尺寸:
CSS:
.panel{width:100%;height:300px;}
.panel-body{width:100%;height:270px;}
.chart-container{height:100%!important;}
canvas{width:100%;height:100%!important;}
演示: http://plnkr.co/edit/gVRwrEKWA9HaTCWgbyIS?p=preview
调整窗口大小时， Canvas 和图形会以内联样式获取新尺寸，该尺寸会覆盖样式表中的 CSS 规则。要防止这种覆盖，请使用 !important
关于在 Angular 应用程序中调整图表高度时，CSS 样式效果不佳，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35217482/