Adding and removing data in 2.0

[nearwood]

The docs in the 2.0.0-beta and 2.0.0-dev branches say that adding and removing data can be done with addData and removeData methods. I do not see these in the Chart.js code though. Mentioned in another issue is the possiblity for a removeAllData method. But in another, a mention of adding data is by way of using the internal datasets.

Are the docs just out of date? And what's the proper way to add and remove data?

[gfarrell]

Also seen this. Neither addData() nor removeData() exist, but I have a new dataset that comes in and I'd like to update the chart. What's the best way of doing this?

[tannerlinsley]

We're working on official documentation for 2.0 as we speak. As for this question, we have improved the api for adding and removing data by actually removing the api. All you need to do now is manipulate the existing data objects you passed, and call chart.update()! Pretty simple, and it allows you to update your data objects however you see fit.

[gfarrell]

But @tannerlinsley if I look at the chart object, there are many places these data objects are stored:

• chart.config.data
• chart.scales["x-axis-0"].data
• chart.scales["y-axis-0"].data
• chart.data
• chart.chart.data

(as far as I can tell from inspecting it at runtime).

Say I have some newData arriving, how do I update the chart?

[gfarrell]

Ok, here's my solution:

chart.data.labels = nextData.labels;
chart.data.datasets[0].data = nextData.datasets[0].data;    
chart.update();

[tannerlinsley]

Technically the intended location for changes is the same data object you passed in your chart config. Doing it any other way will work as well, as any data property on the chart object is merely a reference to the original. I hope that makes sense.

I would personally do this:

var config = {
  type: 'bar',
  options: {...}
  data: {...}
};

var myChart = new Chart(canvas, config)

config.data.datasets[0].data[0] = 10;

myChart.update();

[etimberg]

Updated v2 documentation is available at http://nnnick.github.io/Chart.js/docs-v2/

After #1646 was merged, the entire data object can now be replaced and then update() is called.

[JJ]

That latest URL does not exist...