Loading using Require.js (AMD) broken

Codepen

Just open this codepen and check the dev-console (F12):

Explanation

I think that SVG is not defined because there is something wrong on module bundler. Do i need to include SVG.js as external library?

[wicked539]

I stumbled across the same issue, here’s my workaround:

require.config({
  baseUrl: ".",
  paths: {
    "ApexCharts": "https://cdn.jsdelivr.net/npm/apexcharts@3.10.1/dist/apexcharts",
    "svg": "https://cdn.jsdelivr.net/npm/svgjs@2.6.2/dist/svg.min"
  }
});

require(['svg', 'ApexCharts'], function (svg, ApexCharts) {
  var myChartOpts = {...};
  var myChart = new ApexCharts(document.querySelector("#myChart"), myChartOpts);
  myChart.render();
});

Hope this helps!

[epykure]

Is this issue fixed ? I am also facing this issue when I am trying to use ApexCharts from Jupyter.

Thanks