HTML
<html>
<head>
<script>
window.onload = function() {
var chart = new CanvasJS.Chart("chartContainer", {
zoomEnabled: true,
title: {
text: "USD_CAD"
},
axisX: {
},
axisY: {
includeZero: false,
},
data: [
{
type: "candlestick",
xValueType: "dateTime",
//yValueFormatString: "#,##0.0 kr",
xValueFormatString: "YYYY-MM-DD hh:mm:ss",
//xValueFormatString: "YYY-MM-DD hh:mm:ss",
dataPoints: [
{"x":1543806000000,"y":[1.3237,1.3257,1.32369,1.32562]},
{"x":1543809600000,"y":[1.32565,1.32654,1.32518,1.32554]},
{"x":1543813200000,"y":[1.32554,1.32686,1.32554,1.32622]},
{"x":1543816800000,"y":[1.32624,1.32635,1.32427,1.32438]},
{"x":1543820400000,"y":[1.32437,1.32437,1.3214,1.32152]},
{"x":1543824000000,"y":[1.32152,1.32225,1.32143,1.32196]},
{"x":1543827600000,"y":[1.32197,1.32197,1.32084,1.32136]},
{"x":1543831200000,"y":[1.32134,1.32138,1.32014,1.32014]},
{"x":1543834800000,"y":[1.32014,1.3208,1.32012,1.32024]},
{"x":1543838400000,"y":[1.32022,1.32038,1.31734,1.31774]},
{"x":1543842000000,"y":[1.31772,1.31798,1.31606,1.3168]},
{"x":1543845600000,"y":[1.31679,1.3182,1.31672,1.31806]},
{"x":1543849200000,"y":[1.31808,1.31884,1.31741,1.31878]},
{"x":1543852800000,"y":[1.31876,1.32008,1.31832,1.31915]},
{"x":1543856400000,"y":[1.31918,1.31998,1.31875,1.31919]},
{"x":1543860000000,"y":[1.31918,1.31921,1.31631,1.31718]},
{"x":1543863600000,"y":[1.31721,1.31863,1.31666,1.3176]},
{"x":1543867200000,"y":[1.31768,1.3194,1.31768,1.31902]},
...