highcharts / highcharts/highcharts-angular

Subsequent render() events are called outside angular.

Open
#360 9 comments 0 reactions 0 assignees View on GitHub
Pending reply
Dominant language
JavaScript
Stars
444
Forks
121
PR merge metrics
No merged PRs in 30d

Description

### Describe the bug
The initial chart render is run inside angular, while subsequent calls to `chart.render()` are run outside angular.
This can cause problems with async updates in components.

### Expected behavior
All calls to `render()` are run inside angular, unless `[runOutsideAngular]="true"`

### Demo
[Stackblitz](https://stackblitz.com/edit/highcharts-angular-demo-jk5sfk?file=src%2Fapp%2Fapp.component.ts)

#### Steps required to recreate the problem in the demo:
`console.log(NgZone.isInAngularZone())`

### Setup used
- NodeJS version .
- Angular version 16.1
- Highcharts 11.1
- Highcharts-Angular >3.1.2
- TypeScript >3.1
etc.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.