Basic Column Chart - CanvasJS JavaScript Charts

Basic Column Chart - CanvasJS JavaScript Charts

HTML

<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 300px; width: 100%;">

</div>

JavaScript

window.onload = function () {
  function sortDataPoints(dps, par)
  {
    var swapped;
    do {
      swapped = false;
      for (var i = 0; i < dps.length - 1; i++) {
        if (dps[i][par] > dps[i + 1][par]) {
          var temp = dps[i];
          dps[i] = dps[i + 1];
          dps[i + 1] = temp;
          swapped = true;
        }
      }
    } while (swapped);
  }
  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: "line",
        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:...