ChartJS Line Chart

Multiple Line Chart

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.js"></script>
<body>
    <canvas id="chartJSContainer" width="600" height="400"></canvas>
</body>

CSS

canvas { background-color : #eee;
}

JavaScript

var options = {
  type: 'line',
  data: {
    labels: ["2018-12-07 08:45:17", 
    "2018-12-07 09:30:17", "2018-12-07 10:15:16", 
    "2018-12-07 11:00:17", "2018-12-07 14:45:16"],
    datasets: [
	    {
	      label: '1st line',
	      data: [12, 19, 7, 9, 10, 8],
    	},	
			{
        xAxisID: 'x-axis-2',
				label: '2nd line',
        steppedLine: 'before',
				data: [						
          {
            x: "2018-12-07 09:15:47",
						y: 3
					}, {
						x: "2018-12-07 10:55:25",
						y: 5
          }, {
						x: "2018-12-07 13:05:00",
						y: 3
					}],
			}
		]
  },
  options: {
    scales: {
      xAxes: [{}, {
        id: 'x-axis-2',
        type: 'linear',
        position: 'bottom',
        //display: false,
      }],
    }
  }
}

var ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);