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="500"></canvas>

JavaScript

var ctx = $("#myChart").get(0).getContext("2d");
var myChart = new Chart(ctx, {
	"type": "bar",
	"data": {
		"datasets": [
			{
				"label": "'query rate (all)'",
				"data": [
					5.05,
					5.133333333333334,
					5.05,
					10.016666666666667,
					8.85,
					5.05,
					5.05,
					5.6,
					5.05,
					5.05,
					5.05,
					10.016666666666667,
					5.05,
					5.133333333333334,
					5.05,
					10.016666666666667,
					5.05,
					5.6,
					5.05,
					5.05,
					5.05,
					5.05,
					9.183333333333334,
					5.05,
					4.883333333333334,
					5.216666666666667,
					5.05,
					5.6,
					5.05,
					8.05,
					5.05,
					5.05,
					5.05,
					5.05,
					9.516666666666667,
					5.3,
					5.05,
					5.6,
					5.05,
					5.05,
					5.133333333333334,
					5.05,
					5.133333333333334,
					4.883333333333334,
					5.383333333333334,
					10.016666666666667,
					5.133333333333334,
					5.6,
					5.05,
					5.133333333333334,
					5.05,
					5.133333333333334,
					5.05,
					5.05,
					5.05,
					5.05,
					5.05,
					7.4,
					6.883333333333334,
					5.05
				],
				"yAxisID": "y2",
				"backgroundColor": "rgba(239, 132, 60, 0.6)",
				"borderColor": "#EF843C",
				"type": "line",
				"pointHitRadius": 5,
				"fill": false,
				"lineTension": 0.2,
				"spanGaps": true,
				"borderWidth": 1.3,
				"pointRadius": 0
			},
			{
				"label": "'fetch rate (all)'",
				"data": [
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0.55,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0.55,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0.55,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0.55,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0.55,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0,
					0.55,
					0,
					0
				],
				"yAxisID": "y2",
				"backgroundColor": "rgba(31, 120, 193, 0.6)",
				"borderColor":...