TypeError: Cannot read property 'ToString' of undefined when bar chart is rendering with data.

[JCFalter]

Codepen: https://codepen.io/jfalter/pen/rNedKOw

Whenever I attempt to render a bar chart with data, I get the following error message:

Uncaught (in promise) TypeError: Cannot read property 'toString' of undefined
at Function.value (apexcharts:6
at t.value (apexcharts:6)
at t.value (apexcharts:6)
at t.value (apexcharts:14)
at t.create (apexcharts:6)
at apexcharts:14
at new Promise (<anonymous>)
at t.value (apexcharts:14)
at apexcharts:6
at Array.forEach (<anonymous>)

When I look at the Apexcharts Javascript file, I see this throwing an error:

key: "escapeString",
value: function(t) {
var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "x"
, i = t.toString().slice(); //This is what's throwing the error.
return i = i.replace(/[` ~!@#$%^&*()_|+-=?;:'",.<>{}[]\/]/gi, e)
}

Note that it works fine if I render with empty data and category arrays.

[maxi512]

I have the same error! I thought that I was the only one.

[junedchhipa]

Thanks for reporting.
It's a major bug and I had to immediately release a patch version as this might have broken many existing charts.

Please upgrade to v3.20.2

[JCFalter]

Works now! Thanks!

[RaviganeshR]

Thanks.it's working.

[MohammadMerhi]

Upgraded to v3.20.2
Still showing
ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'toString' of undefined
TypeError: Cannot read property 'toString' of undefined

[junedchhipa]

@MohammadMerhi Can you create a Codepen?

[Lucascoorek]

Had this error when trying to add undefined value to label.
Label has to be a string.

[NAVIKNITIN]

occuring same problem of undefined.

[Saicasm]

Any update on this ?

[swasti4evrurs]

Getting the same error when giving dynamic height to chart .
"Unhandled Promise rejection: Cannot read properties of undefined (reading 'toString') ; Zone: ; Task: Promise.then ; Value: TypeError: Cannot read properties of undefined (reading 'toString')"

[ArtemKoshevoi]

In my case I've added field width and error is gone

    <Chart
      height={420}
      width={700}
      options={options}
      series={series}
      type="area"
    />

[wrappixelTeam]

In my case I've added field width and error is gone

    <Chart
      height={420}
      width={700}
      options={options}
      series={series}
      type="area"
    />

How to make it responsive with the fixed width?