search

swimlane / ngx-charts

:bar_chart: Declarative Charting Framework for Angular
https://swimlane.github.io/ngx-charts/
MIT License
4.28k stars 1.15k forks source link

"Unable to get property 'name' of undefined or null reference" in Advanced Pie Chart for Edge #1212

Open ealtuna opened 5 years ago

ealtuna commented 5 years ago

Description Error "Unable to get property 'name' of undefined or null reference" in Microsoft Edge browser when click in one of the elements of the Advanced Pie Chart.

To Reproduce Steps to reproduce the behavior:

  1. Using Microsoft Edge as browser.
  2. Go to https://swimlane.github.io/ngx-charts/#/ngx-charts/advanced-pie-chart
  3. Click in any of the options of the chart
  4. See error in console "Unable to get property 'name' of undefined or null reference".

Expected behavior No errors in Microsoft Edge.

Demo The error is present in the demo provided by the project.

ngx-charts version 12.0.0

Additional context Browser: Microsoft Edge

jerguslejko commented 5 years ago

some thing here, happening in all charts though

ealtuna commented 5 years ago

@jerguslejko can you provide procedure to reproduce it in other charts?

jerguslejko commented 5 years ago

hi @ealtuna, the steps are same for all of them

Blackbaud-MichaelAndrews commented 4 years ago

I see it in advanced pie as well, haven't noticed in others but haven't tested them. Seems to be related to moving in and out of activate/deactivate/click in certain sequence.. Seems to happen on first click-only sometimes.

wlucha commented 4 years ago

This happens also for me in ngx-charts-bar-horizontal in Internet Explorer 11. Any updates regarding this issue?

lars-hakansson commented 4 years ago

Is there any workaround for this? Still an issue for me.. Not working in Edge in the demo page for the first click.

manoj-bhosale commented 4 years ago

I am facing this issue in IE 11.

trancefam commented 3 years ago

I had this same issue in IE11 when clicking on a column in any chart. I added this to my angular apps global exception handler to ignore the error. It turns out that the click on the column still works (and can be picked up by the charts onSelect event) once this error is ignored.

handleError(error) {
...
else if (error.message === 'Unable to get property \'name\' of undefined or null reference') {
// DO NOTHING
console.log('Ignoring error from ngx-charts: ' + error.message);
return;
}
...