Basic Column Chart - CanvasJS JavaScript Charts

Basic Column Chart - CanvasJS JavaScript Charts

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

//firstly, accept json and format the date
var rawData = [{"y": [10714.7, 10717.95, 10714.3, 10717.5], "x": "2018/01/16 14:26:00"}, {"y": [10718.0, 10718.0, 10713.45, 10716.2], "x": "2018/01/16 14:27:00"}, {"y": [10716.6, 10722.0, 10716.1, 10719.15], "x": "2018/01/16 14:28:00"}, {"y": [10719.85, 10719.85, 10715.0, 10715.0], "x": "2018/01/16 14:29:00"}, {"y": [10714.5, 10716.65, 10714.3, 10715.9], "x": "2018/01/16 14:30:00"}, {"y": [10715.2, 10715.9, 10713.5, 10715.6], "x": "2018/01/16 14:31:00"}, {"y": [10715.6, 10715.6, 10711.0, 10711.55], "x": "2018/01/16 14:32:00"}, {"y": [10712.45, 10714.9, 10712.45, 10714.9], "x": "2018/01/16 14:33:00"}, {"y": [10714.25, 10719.4, 10714.25, 10719.0], "x": "2018/01/16 14:34:00"}, {"y": [10719.05, 10719.55, 10715.15, 10717.9], "x": "2018/01/16 14:35:00"}, {"y": [10717.45, 10718.05, 10715.0, 10717.55], "x": "2018/01/16 14:36:00"}, {"y": [10717.55, 10721.0, 10717.55, 10718.6], "x": "2018/01/16 14:37:00"}, {"y": [10718.55, 10718.75, 10711.35, 10713.4], "x": "2018/01/16 14:38:00"}, {"y": [10713.4, 10715.9, 10713.4, 10715.9], "x": "2018/01/16 14:39:00"}, {"y": [10715.55, 10715.6, 10710.85, 10713.0], "x": "2018/01/16 14:40:00"}, {"y": [10711.1, 10714.75, 10709.75, 10714.75], "x": "2018/01/16 14:41:00"}, {"y": [10716.0, 10716.0, 10711.55, 10713.8], "x": "2018/01/16 14:42:00"}, {"y": [10713.0, 10713.0, 10710.85, 10711.85], "x": "2018/01/16 14:43:00"}, {"y": [10712.25, 10714.2, 10712.1, 10713.55], "x": "2018/01/16 14:44:00"}, {"y": [10714.3, 10717.25, 10714.3, 10716.0], "x": "2018/01/16 14:45:00"}, {"y": [10717.25, 10718.0, 10712.7, 10715.5], "x": "2018/01/16 14:46:00"}, {"y": [10715.7, 10717.55, 10715.7, 10716.15], "x": "2018/01/16 14:47:00"}, {"y": [10717.2, 10717.5, 10713.45, 10715.1], "x": "2018/01/16 14:48:00"}, {"y": [10716.0, 10716.0, 10710.75, 10711.7], "x": "2018/01/16 14:49:00"}, {"y": [10711.7, 10712.0, 10706.65, 10707.0], "x": "2018/01/16 14:50:00"}, {"y": [10707.3, 10709.4, 10707.0, 10708.05], "x": "2018/01/16 14:51:00"},...