Data decimation doesn't work.

[hydrognomik]

Hi there. Please help, how to make decimation work? I have 500+ points. Decimation works only if I pass redraw prop (or by toggling enabled off and then on in react devtools).

decimation: {
  enabled: true,
  algorithm: 'lttb',
  samples: 12,
  threshold: 12,
},

[mateogianolio]

Same here.. Whatever I do I can't make it work. I have followed the exact steps in chart.js docs (https://www.chartjs.org/docs/latest/configuration/decimation.html).

I even copied the code from here and ran it to see if any of the if clauses return for my datasets but nope.

[mateogianolio]

The dataset object must be mutable. The plugin stores the original data as dataset._data and then defines a new data property on the dataset.

Because of how react works with immutable props, I believe this is where it fails. If someone has a working example of decimation with this package, do tell :)

[dangreen]

@hydrognomik @mateogianolio Hi. Would you please try the latest version of react-chartjs-2?

[dangreen]

Closed due to inactivity.

[lifenouveau]

Still cannot get it to work in v4.0.0
I got it to work in a sandbox.

[aklein24]

@lifenouveau Do you have a link to the sandbox? I've been trying hard to get decimation to work without success.

[applesin]

Still not working...

[emab]

A quick fix that seemed to work for me:

const Chart = (data) => {
  const chart = useRef(chartRef);
  const options = {
    // ...
  };

  const datasets = data.map((datum) => {
    // do your mapping here
  });

  return (
    <Line
      options={options}
      data={{
        datasets: [...datasets],
      }}
      ref={chartRef}
    />
  );
};

The important bit being that you're passing a copy of your datasets to the chart component, rather than something that is contained in the component lifecycle. For me it was enough to use the spread operator.

[digiage]

with react-chartjs-2 v5.2.0 the decimation seems to work, but just for lttb. I was not able to make it work with min-max

[hpertaia]

react-chartjs-2 v5.2.0 with chart.js v4.4.1 lttb decimation isn't working . Error: Сannot destructure property 'x' of 'data[a]' as it is undefined

Edit: happens only when x scale type is set to time. When set to linear, decimation works.

[mhai217]

any update?