Rendering multiple charts on single html?

[TaPumpa]

Hello, I'm coming to you for help.
I'm currently working to implementing yours work into my project.

Currently my problem is, that when I try to render multiple charts with code below, I got rendered only last one.
Could you help me out?

                for (let i = 0; i < 3; i++) {
                    let stock = eventData.stocks[i];
                    let selchart = "chart_" + stock.name;
                    document.getElementById("main_page").innerHTML += `
                    <div class="first_stock" id="first_stock">
                        <h5>${stock.description}</h5>
                        <div id="${selchart}"></div>
                    </div>`;
                
                let p = (Math.random() + 1).toString(36).substring(7);
                p = {
                    chart: {
                        height: 200,
                        type: "area"
                    },
                    dataLabels: {
                        enabled: false
                    },
                    series: [
                        {
                        name: "Series 1",
                        data: [stock.price40m, stock.price30m, stock.price20m, stock.price10m, stock.c_price]
                        }
                    ],
                    fill: {
                        type: "gradient",
                        gradient: {
                        shadeIntensity: 1,
                        opacityFrom: 0.7,
                        opacityTo: 0.9,
                        stops: [0, 90, 100]
                        }
                    },
                    xaxis: {
                        categories: [
                            "40m ago",
                            "30m ago",
                            "20m ago",
                            "10m ago",
                            "Current price"
                        ]
                    }
                };
                let r = (Math.random() + 1).toString(36).substring(7);
                r = new ApexCharts(document.querySelector(("#" + selchart)), p);
                r.render();
                }

Attaching also a preview, what's actually happening
I also tried to change the variable for new ApexCharts to random letters, randomized options but still the same problem.

Thank you for your future help!
Best Regards
TaPumpa

[TaPumpa]

Never mind, can't put .innerHTML and render into one loop..