amCharts in Webflow custom code

Design help Custom code
1

Hi all,
I have an issue with amCharts. I have been trying to figure it out for a couple of days, but I can’t find a solution…

Basically, I would like to implement a chart using amCharts 5.
I copy-paste the basic example from the docs, but the chart does not show up.

I implemented a similar approach for ApexChart, amCharts4 and Chart.js, and it works…

Can someone help me understand if I am missing something or if there is a technical problem with amCharts?

Thanks a lot!!

Here is my site Read-Only:

https://preview.webflow.com/preview/atlasnotes?utm_medium=preview_link&utm_source=designer&utm_content=atlasnotes&preview=0c36aac39da226cf37b95b6fe2bacd78&pageId=64d5e682bf37f6ebfa9419a2&workflow=preview

Here is also the published test page
https://atlasnotes.webflow.io/chart-test-page

2

Ok guys.
I think I have found the issue.

The example on this page is not defining the size of the chart:
https://www.amcharts.com/docs/v5/charts/xy-chart/

Just changed this:
div id=“chartdiv”

with this:
div id=“chartdiv” style=“width: 100%; height: 300px;”

and now it works.
It wasn’t related to Webflow, it is related to amCharts.

Hope this helps someone else for the future.
Ciao