JavaScript
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer",
{
title:{
text: "Price History",
fontSize: 30
},
animationEnabled: true,
axisX:{
gridColor: "Silver",
tickColor: "silver"
},
toolTip:{
shared:true
},
theme: "theme2",
axisY: {
gridColor: "Silver",
tickColor: "silver"
},
legend:{
verticalAlign: "center",
horizontalAlign: "right"
},
data: [
{
type: "area",
xValueType: "dateTime",
showInLegend: true,
lineThickness: 2,
name: "Past 0h-24h",
color: "#F08080",
dataPoints: [{x: 1495789200000, y: 3.00},{x: 1495790100000, y: 3.00},{x: 1495791000000, y: 3.00},{x: 1495791900000, y: 2.99},{x: 1495792800000, y: 2.99},{x: 1495793700000, y: 2.99},{x: 1495794600000, y: 3.09},{x: 1495795500000, y: 3.09},{x: 1495796400000, y: 3.09},{x: 1495797300000, y: 3.05},{x: 1495798200000, y: 3.05},{x: 1495799100000, y: 3.05},{x: 1495802700000, y: 2.68},{x: 1495803600000, y: 2.68},{x: 1495804500000, y: 2.68},{x: 1495805400000, y: 2.89},{x: 1495806300000, y: 2.89},{x: 1495807200000, y: 2.89},{x: 1495808100000, y: 3.33},{x: 1495809000000, y: 3.33},{x: 1495809900000, y: 3.33},{x: 1495810800000, y: 3.30},{x: 1495811700000, y: 3.30},{x: 1495812600000, y: 3.30},{x: 1495813500000, y: 3.45},{x: 1495814400000, y: 3.45},{x: 1495815300000, y: 3.45},{x: 1495816200000, y: 3.30},{x: 1495817100000, y: 3.30},{x: 1495774800000, y: 3.30},{x: 1495775700000, y: 2.99},{x: 1495776600000, y: 2.99},{x: 1495777500000, y: 2.99},{x: 1495778400000, y: 2.50},{x: 1495779300000, y: 2.50},{x: 1495780200000, y: 2.50},{x: 1495781100000, y: 2.78},{x: 1495782000000, y: 2.78},{x: 1495782900000, y: 2.78},{x: 1495783800000, y: 2.76},{x: 1495784700000, y: 2.76},{x: 1495785600000, y: 2.76},{x: 1495786500000, y: 3.07},{x: 1495787400000, y: 3.07},{x: 1495788300000, y: 3.07},{x:...