Basic HTML5 Chart Example - CanvasJS

Basic HTML5 Chart Example

HTML

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

JavaScript

var chart = new CanvasJS.Chart("chartContainer",
	{
      type: "area",
      xValueType: "dateTime",
    data: [
         {        
          type: "spline",
          xValueType: "dateTime",
          dataPoints: [                  
                  { x: 1088620200000, y :71},
                  { x: 1104517800000, y : 55 },
                  { x: 1112293800000, y:  50 },
                  { x: 1136053800000, y : 65 },
                  { x: 1157049000000, y : 95 },
                  { x: 1162319400000, y : 68 },
                  { x: 1180636200000, y : 28 },
                  { x: 1193855400000, y : 34 },
                  { x: 1209580200000, y : 14 },
                  { x: 1230748200000, y : 34 },
                  { x: 1241116200000, y : 44 },
                  { x: 1262284200000, y : 84 },
                  { x: 1272652200000, y : 4  },
                  { x: 1291141800000, y : 44 },
                  { x: 1304188200000, y : 11 }
          ]
        },
        {        
          type: "spline",
          xValueType: "dateTime",
          dataPoints: [                  
                  { x: 666155088620200000, y :71},
                  { x: 666155104517800000, y : 55 },
                  { x: 666155112293800000, y:  50 },
                  { x: 666155136053800000, y : 65 },
                  { x: 666155157049000000, y : 95 },
                  { x: 666155162319400000, y : 68 },
                  { x: 666155180636200000, y : 28 },
                  { x: 666155193855400000, y : 34 },
                  { x: 666155209580200000, y : 14 },
                  { x: 666155230748200000, y : 34 },
                  { x: 666155241116200000, y : 44 },
                  { x: 666155262284200000, y : 84 },
                  { x: 666155272652200000, y : 4  },
                  { x: 666155291141800000, y : 44 },
                  { x: 666155304188200000, y : 11 }
          ]
        },       
    ]
    });

 chart.render();