我尝试将 billboard.js 图表库与 Angular 6 一起使用时遇到图表大小问题
Facing issue in chart size while I am trying to use billboard.js chart library with Angular 6
我正在尝试将 billboard.js 图表库与 Angular 6 一起使用，但面临图表大小问题。第一次加载页面时，图表大小大于 div 容器，当我更改浏览器 window 大小时，图表大小会根据 div 容器自动调整。
查看 window 调整大小前后的屏幕截图。
之前
之后
我已经尝试过延迟加载图表 here，但它不起作用。
如有任何帮助，我们将不胜感激。
导入AfterViewInit并将此方法添加到class。这行代码在图表呈现后调整图表大小。
ngAfterViewInit() {
this.charts[0].resize();
}
您还可以为调整大小函数指定高度和宽度，以将图表调整为特定大小。
resize({height: '200px', width: '400px'});
在此处查看文档 - https://naver.github.io/billboard.js/release/latest/doc/Chart.html#resize
我正在尝试将 billboard.js 图表库与 Angular 6 一起使用，但面临图表大小问题。第一次加载页面时，图表大小大于 div 容器，当我更改浏览器 window 大小时，图表大小会根据 div 容器自动调整。
查看 window 调整大小前后的屏幕截图。
之前
之后
我已经尝试过延迟加载图表 here，但它不起作用。
如有任何帮助，我们将不胜感激。
导入AfterViewInit并将此方法添加到class。这行代码在图表呈现后调整图表大小。
ngAfterViewInit() {
this.charts[0].resize();
}
您还可以为调整大小函数指定高度和宽度，以将图表调整为特定大小。
resize({height: '200px', width: '400px'});
在此处查看文档 - https://naver.github.io/billboard.js/release/latest/doc/Chart.html#resize