Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在我尝试将billboard.js图表库与Angular 6一起使用时遇到图表大小问题_Angular_Charts_Billboard.js - Fatal编程技术网

在我尝试将billboard.js图表库与Angular 6一起使用时遇到图表大小问题

在我尝试将billboard.js图表库与Angular 6一起使用时遇到图表大小问题,angular,charts,billboard.js,Angular,Charts,Billboard.js,我正在尝试将billboard.js图表库与Angular 6一起使用,并面临图表大小的问题。当第一次加载页面时,图表大小大于其div容器,当我更改浏览器窗口大小时,图表大小会根据div容器自动调整 查看调整窗口大小前后的屏幕截图 之前 之后 我已经尝试过像前面提到的那样延迟加载图形,但它不起作用 任何帮助都将不胜感激。导入AfterViewInit,并将此方法添加到类中。这行代码在呈现图表后调整图表的大小 ngAfterViewInit() { this.charts[0].resiz

我正在尝试将billboard.js图表库与Angular 6一起使用,并面临图表大小的问题。当第一次加载页面时,图表大小大于其div容器,当我更改浏览器窗口大小时,图表大小会根据div容器自动调整

查看调整窗口大小前后的屏幕截图

之前

之后

我已经尝试过像前面提到的那样延迟加载图形,但它不起作用


任何帮助都将不胜感激。

导入
AfterViewInit
,并将此方法添加到类中。这行代码在呈现图表后调整图表的大小

ngAfterViewInit() {
  this.charts[0].resize();    
}
您还可以为“调整大小”功能指定高度和宽度,以将图表调整为特定大小

resize({height: '200px', width: '400px'});

检查此处的文档-

您能在stackblitz演示中重现您的问题吗?@abd995此处是重现错误的链接,此处使用了Angular 8,但在我们的开发环境中,我们使用Angular 6。两者都有问题。