How to plot X/Y Specific data

Hello,

I have a huge array (sample below) with X and Y values and would like to plot the Y values on the X time, although I can not get my head around it. Any help please?

var dataPoints = [{x:0.000,y:-0.11700000},{x:0.003,y:-0.14400000},{x:0.007,y:-0.17500000},{x:0.010,y:-0.19200000},{x:0.013,y:-0.19900000},{x:0.017,y:-0.20500000},{x:0.020,y:-0.21000000},{x:0.023,y:-0.21400000}]

[nagix]

@lianglee You mean each datapoint has {x, y, timestamp} data? Chart.js doesn’t support a 3D chart with 3 axes, but a workaround would be to map either of x or y value to r (radius in a bubble chart) or a color scale (background color of point/rectangle elements).

If you just want to animate {x, y} data series and a time axis is not needed, you don’t need to use this plugin. Update {x, y} datasets and call the update function of the chart instance.

[nagix]

The x value can be in any of the date formats that Moment.js accepts. You can also use time.parser to specify a custom format to be used by Moment.js to parse the date.

{
    type: 'line',
    data: {
        datasets: [{
            data: [
                {x: '2019-02-01 09:30:15', y: -0.11700000},
                {x: '2019-02-01 09:30:20', y: -0.14400000},
                // ...
            ]
        }]
    },
    options: {
        scales: {
            xAxes: [{
                type: 'realtime'
            }]
        }
    }
}