search

apexcharts / ng-apexcharts

ng-apexcharts is an implementation of apexcharts for angular. It comes with one simple component that enables you to use apexcharts in an angular project.
MIT License
318 stars 80 forks source link

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

Open dyazincahya opened 1 month ago

dyazincahya commented 1 month ago

Using

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 commented 1 month ago

[SOLVED]

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 commented 4 weeks ago

It true image