Apexcharts graph inline script issue

[devster31]

I'm trying to use Apexcharts.js as an inline script, like so:

---
marp: true
---

<script src="https://cdn.jsdelivr.net/npm/apexcharts@3/dist/apexcharts.min.js" unsafe-inline></script>

<script> my apex chart </script>

in a slide.
The graphical output is OK except for the annotations, which aren't positioned appropriately, and the cursor position which is not correct (graph highlight is not below mouse, but to the left or the right).
I'm trying to understand if there's a way to fix this or if this is a side-effect of the final output (meaning the javascript used to turn slides is interfering with the graph one).
Any insight?

[yhatt]

In HTML output, each Marp slide will scale to fit the window automatically.

But Apexcharts is not respecting the scale applied by CSS transform when getting mouse position for tooltip. (Marp's slide scaling is using SVG transformation instead of CSS but the same can be said)

Thus, Apexcharts mouse tracking behaves as if the slide was not scaled. One of Apexcharts contributors makes clear this is a limitation of the library.
apexcharts/apexcharts.js#1849

[devster31]

Is there a way to disable automatic scaling for marp?

[yhatt]

No. Technically it may be possible to disable by removing viewBox attribute from each <svg>s via Marp plugin, but the output of HTML will be mess the slide deck up.