Error when updating series while slice is selected - donut chart

Open cvakodobro opened this issue 3 years ago • 15 comments

Bug report

Codepen

https://codepen.io/cvakodobro/pen/poNpQNX

To replicate the error just select slice and click randomize button. You will see an error in the console log.

Explanation

What is the behavior you expect?

No error when updating series while slice is selected.

What is happening instead?

An error is thrown every time you update the series while a slice is selected. I'm experiencing this issue using vue-apexchart but I've noticed that the same issue happens with JS apexchart.

What error message are you getting?

Error: <path> attribute d: Expected moveto path command ('M' or 'm'), "null".

Feb 25 '21 13:02 cvakodobro

I am also seeing this error under similar circumstances (when calling updateOptions() on a chart that has a slice selected). The donut chart appears to be working fine otherwise, but spams the following error:

Error: attribute d: Expected moveto path command ('M' or 'm'), "null".

I'm going to assume I can safely ignore this, because it does appear to be working fine despite the error. But maybe it indicates a bug somewhere in the code?

May 21 '21 01:05 karagog

I am using apexchart with Typescript and Angular 12 and I am having the same issue.

May 21 '21 11:05 Androvski93

I am using ApexChart with React Js, and I am facing this error just with the region change to the UK, and the graph is not showing correctly and throws this error Error: attribute d: Expected moveto path command ('M' or 'm'), "null". Else on other Regions, it is working fine with no errors. Can anyone help me out on this?

Jun 08 '21 07:06 htimran

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.

Sep 15 '21 14:09 github-actions[bot]

I am using apexchart with Vue 2 and I am having the same issue.

Captura de Pantalla 2021-09-15 a la(s) 9 46 09 p m

When I resize the browser or collapse the dashboard sidebar the chart lose data and plotted empty

PjMQWf9SGy

data: () => ({
  chart: {
      series: [0, 0, 0],
      chartOptions: {
        chart: {
          type: 'donut',
        },
        legend: {
          position: 'bottom',
        },
        colors: ['#1ab7ea', '#0084ff', '#39539E'],
        labels: [
          'Label 1',
          'Label 2',
          'Label 3',
        ],
        responsive: [
          {
            breakpoint: 480,
            options: {
              legend: {
                fontSize: '10px',
              },
            },
          },
        ],
      },
    },
}),
mounted() {
    this.api
      .get()
      .then((response) => {
        this.$refs.chart.updateSeries(
            response.data.chart // => [33, 34, 33]
          )
      })
},

Sep 16 '21 03:09 daniiprado

This issue has been confirmed! Thanks for reporting it.

Sep 16 '21 14:09 brianlagunas

Any new progress on this issue?

Nov 23 '21 04:11 Mangor1no

Still have this issue.

apexchart==3.28.3 react-apexcharts==1.3.9

Jan 17 '22 07:01 yeongbin-jo

In the original Codepen https://codepen.io/cvakodobro/pen/poNpQNX provided by @cvakodobro, the issue doesn't happen with the latest version 3.33.0

Jan 17 '22 07:01 junedchhipa

The same problem is occurring in the latest version, but I will first review whether it is my own problem, and if it is not my problem, I will post an example code that can reproduce the error.

Jan 17 '22 23:01 yeongbin-jo

Same here. Version 3.33.0.