score:2

Accepted answer

Well I think that this is because you don't specify the xAxis type, so that try to add this(to your options):

    "scales": {
         xAxes: [{
              type: "time"
                }]
    }

Here is an example ( https://jsfiddle.net/z8xLspd7/1/ ):

And if you what to format those time values that appears when you hover the point to be more User Friendly, just add this(to your options):

    responsive:true,
    "scales": {
         xAxes: [{
              type: "time",
              time:{
                 format: timeFormat,
                 tooltipFormat: 'll'
                },
                scaleLabel: {
                    display:     true,
                    labelString: 'Date'
                }
            }]
        }

Here is an example ( https://jsfiddle.net/z8xLspd7/2/ ):

Reference: https://embed.plnkr.co/JOI1fpgWIS0lvTeLUxUp/


Related Query

More Query from same tag