Charts.js demo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>
<canvas id="myChart" width="500" height="300"></canvas>

JavaScript

var options= {					
	
};

var ctx = $("#myChart").get(0).getContext("2d");

var myChart = new Chart(ctx, {
	"type": "bar",
	"data": {
		"datasets": [
			{
				"label": "'refresh time (prim)'",
				"data": [
					7319,
					11076,
					14213,
					21561
				],
				"yAxisID": "y2",
				"backgroundColor": "rgba(80, 134, 66, 0.6)",
				"borderColor": "#508642",
				"type": "line",
				"pointHitRadius": 5,
				"fill": false,
				"lineTension": 0.2,
				"spanGaps": true,
				"borderWidth": 1.3,
				"pointRadius": 0
			},
			{
				"label": "'refresh time (all)'",
				"data": [
					7319,
					11076,
					14213,
					21561
				],
				"yAxisID": "y2",
				"backgroundColor": "rgba(204, 163, 0, 0.6)",
				"borderColor": "#CCA300",
				"type": "line",
				"pointHitRadius": 5,
				"fill": false,
				"lineTension": 0.2,
				"spanGaps": true,
				"borderWidth": 1.3,
				"pointRadius": 0
			},
			{
				"label": "'flush time (prim)'",
				"data": [
					0,
					0,
					0,
					0
				],
				"yAxisID": "y2",
				"backgroundColor": "rgba(68, 126, 188, 0.6)",
				"borderColor": "#447EBC",
				"type": "line",
				"pointHitRadius": 5,
				"fill": false,
				"lineTension": 0.2,
				"spanGaps": true,
				"borderWidth": 1.3,
				"pointRadius": 0
			},
			{
				"label": "'flush time (all)'",
				"data": [
					0,
					0,
					0,
					0
				],
				"yAxisID": "y2",
				"backgroundColor": "rgba(193, 92, 23, 0.6)",
				"borderColor": "#C15C17",
				"type": "line",
				"pointHitRadius": 5,
				"fill": false,
				"lineTension": 0.2,
				"spanGaps": true,
				"borderWidth": 1.3,
				"pointRadius": 0
			},
			{
				"label": "'merge time (prim)'",
				"data": [
					55560,
					61938,
					68430,
					16274
				],
				"yAxisID": "y2",
				"backgroundColor": "rgba(137, 15, 2, 0.6)",
				"borderColor": "#890F02",
				"type": "line",
				"pointHitRadius": 5,
				"fill": false,
				"lineTension": 0.2,
				"spanGaps": true,
				"borderWidth": 1.3,
				"pointRadius": 0
			},
			{
				"label": "'merge...