Hi,
I'm using highcharts-anulgar (latest versions) and I set nearly all data asynchronous. So far it looks good. But the width is set initially to width=600 and height=400.
If I resize the browser window with the mouse a little bit the charts uses the full width. But not initially.
<highcharts-chart [Highcharts]="Highcharts" [constructorType]="chartConstructor" [options]="chartOptions"
[callbackFunction]="chartCallback" [(update)]="updateFlag" [oneToOne]="oneToOneFlag"
[runOutsideAngular]="runOutsideAngularFlag" style="width: 100%; display: block;"></highcharts-chart>
PS:
in init method I load the data from the backend and set it into the chart. Than I execute:
this.updateFlag = true;
this.cd.markForCheck();
Example:
https://i.stack.imgur.com/5Zoy8.png