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