Some graphs broken since 01/11: Failed to execute 'appendChild'

[EduardoFoxRaposo]

apexcharts:6 Uncaught (in promise) TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
at si.add (apexcharts:6:37764)
at t.value (apexcharts:6:307485)
at t.value (apexcharts:6:308533)
at t.value (apexcharts:6:305579)
at t.value (apexcharts:38:31035)
at t.create (apexcharts:6:5772)
at apexcharts:38:29632
at new Promise ()
at t.value (apexcharts:38:14507)
at P4:2193:28

[centrust]

Same Error

[Elshaden]

Same here

[Elshaden]

Fixed by reverting back to : https://cdn.jsdelivr.net/npm/[email protected]
replace

{{ $chart->cdn() }}

with

https://cdn.jsdelivr.net/npm/[email protected]

<div>
    <div >
        {!! $chart->container() !!}
    </div>

    <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

    {{ $chart->script() }}
</div>

[EduardoFoxRaposo]

I fixed it by reverting the version in the vendor dir:

[Elshaden]

@EduardoFoxRaposo ,
You could do that, BUT, if you composer update, this will be over written and the problem unless fixed will come back. unless you forked it and used your own version.

I would rather use my solution until a fix is available

[EduardoFoxRaposo]

Great point! I'll do the same thing.

[centrust]

@Elshaden Thanks, it works.

[marineusde]

I do a fork of this project in april 2024, cause its not maintained anymore: https://github.com/marineusde/larapex-charts

My fork works with Laravel 11 (in my projects its 11.34.2 now).

but btw: dont use external libraries. Its so easy to implement it in the vite.config.js with vite-plugin-static-copy:

viteStaticCopy({
            targets: [,
                {
                    src: 'node_modules/apexcharts/dist/apexcharts.js',
                    dest: 'js'
                }
            ]
        })
...

then include the file in your page:

<script src="{{ asset('build/js/apexcharts.js') }}"></script>