Kendo Chart - series is not painted when ng-content is used

[SchneiderMK]

Describe the bug
The chart serie will not draw correctly if the chart is used into a component that use ng-content (transclusion).

To Reproduce
Steps to reproduce the behavior:

1. open StackBlitz example: https://stackblitz.com/edit/kendo-chart-refresh-error
2. Click the "Load" Button -> Chart is painted correctly
3. Click the "Load" Button again -> Chart is hided by the parent component (No data)
4. Click the "Load" Button again -> Chart is painted but no series are visible

When the browser is resized (chart refresh) the serie is getting painted.

Expected behavior
Chart should always paint the series if data is available.

Screenshots
Step 2:

Step 3:

Step 4 (Error, series not visible):

Browser

• OS: Windows 10
• Browser: Chrome
• Version: 76.0.3809.132

[danielkaradachki]

The chart seems to work correctly without the custom axis directive:

https://stackblitz.com/edit/kendo-chart-refresh-error-hzrdpc?file=app/app.component.ts

At first look, the problem occurs because the code measures the size before the element is visible after the content is shown again:

public __buildAxisConfiguration(timeRangeChanged: boolean = false): void {
    const width = this.getCanvasWidth();
    if (!!this.timeRange && width && (this.cachedWidth !== width || timeRangeChanged)) {