JavaScript - Chart.js tooltip shows wrong x-axis value

Question

I have a chart with two different datasets, but sometimes they have the same x, y coordinates. But when I hover a shared point, it sometimes shows the wrong date. T

Answer 1

You defined a custom scale for a category cartesian axis in your chart configuration. Set the type for your xAxes to 'category'. This may not be neccessary as ChartJS picks this up by default.

options: {
    scales: {
        xAxes: [{
            type: 'category',
            ....

Also, the second data set isn't formatted properly. You should supply the data points in {x: xval, y: yval} format.

References:

http://www.chartjs.org/docs/latest/axes/cartesian/time.html#time-cartesian-axis