responsive leads to empty chart

[punkratz312]

creating a chart the exact same way like in the example (https://codepen.io/chartjs/pen/YVWZbz) leads to an empty chart:

Element:

Chart creation:

[simonbrunel]

@punkratz312 please provide a jsfiddle (or similar) that demonstrates your issue.

[simonbrunel]

@punkratz312 any update on your issue?

[etimberg]

@punkratz312 based on your screenshot, I believe the issue is likely polymer related. I would ensure that the chart container div has a size.

[simonbrunel]

@etimberg is right, since you set maintainAspectRatio: false, your chart will be resized to its parent container height, which is certainly 0. However, responsive: true doesn't work for chart in shadow DOM (which is your case).

Closing this issue as duplicate of #5763.