[Chartjs]-Dynamicly update scatter/line chart in Chart.JS with multiple x/y grids

by

3👍

✅

You need to change your function this way:

function addData(label, xp1, yp1, xp2, yp2) {
    chart.data.labels.push(label);
    chart.data.datasets.push([{ label: label, fill: false, data: [ {x: xp1, y: yp1}, {x: xp2, y: yp2} ] }]);
    chart.update();
};

3👍

You can directly access your data and update contents with:

chart.data.datasets[0].data.push(   {x:5, y:2} ,{x:10, y:12},...,{x:50, y:25}      );

which is easier if your want to maintain the series paint/color settings.

Leave a comment