[HELP] RangeError: Maximum call stack size exceeded (in Angular 18) | there is an issue with "responsive properties"

[dyazincahya]

Using

• angular 18.1.0
• node.JS 22
• apexchart 3.52.0
• ng-apexchart 1.11.0

Situation

This error appears when I try to display 2 or more dynamic charts in the same page.

Error

I have an error like this

RangeError: Maximum call stack size exceeded
    at Object.toString (zone.js:2850:37)
    at Function.value (apexcharts.common.js:6:4661)
    at Function.value (apexcharts.common.js:6:5483)
    at Function.value (apexcharts.common.js:6:5540)
    at Function.value (apexcharts.common.js:6:5694)
    at Function.value (apexcharts.common.js:6:5694)
    at Function.value (apexcharts.common.js:6:5694)
    at Function.value (apexcharts.common.js:6:5540)
    at Function.value (apexcharts.common.js:6:5694)
    at Function.value (apexcharts.common.js:6:5694)

[dyazincahya]

[SOLVED] <> [TEMPORARY SOLUTION]

This error is caused by the responsive property,

responsive: [
        {
          breakpoint: 480,
          options: {
            chart: {
              width: 200
            },
            legend: {
              position: "bottom"
            }
          }
        }
      ]

after I deleted the responsive property the chart appeared normally.

I think there is something in the responsive property, especially for pie and donut type charts.

[dr-bharada]

It true

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[dyazincahya]

hmm

[krystijansen]

Has a solution been found for this? Experiencing the same thing using Vue3 and the responsive property on Pie/Donut charts.

[dyazincahya]

@krystijansen for temporary solution, try delete the responsive property and the chart will appeared normally.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[QuasiSquirrel]

I have come across this error recently as well using Blazor ApexCharts, the C# wrapper for the JavaScript library. Solution for me was to create two separate graphs and display them via responsive css, which is obviously not ideal. Would appreciate it if this could get fixed.

[JGex]

Same for me with Vue3 and vue3-apexcharts, but with the bar chart
I removed the responsive property, but it's clearly not a solution

-> Ok, i've updated to 4.3 and I do not have the error with bar chart

[dyazincahya]

Same for me with Vue3 and vue3-apexcharts, but with the bar chart I removed the responsive property, but it's clearly not a solution

-> Ok, i've updated to 4.3 and I do not have the error with bar chart

Try donut or pie chart