Basic HTML5 Chart Example - CanvasJS

Basic HTML5 Chart Example

HTML

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

JavaScript

var last_week_chart = new CanvasJS.Chart("chart_container", {
    zoomEnabled: true,
    data: [{
        type: "line",
        showInLegend: true,
        type: "line",
        dataPoints: [{
            x: new Date(1413473771000),
            y: 0
        }, {
            x: new Date(1413466475000),
            y: 25
        }, {
            x: new Date(1413462163000),
            y: 25
        }, {
            x: new Date(1413459207000),
            y: 25
        }, {
            x: new Date(1413454110000),
            y: 0
        }, {
            x: new Date(1413451974000),
            y: 0
        }, {
            x: new Date(1413450692000),
            y: 0
        }, {
            x: new Date(1413386972000),
            y: 0
        }, {
            x: new Date(1413383103000),
            y: 15
        }, {
            x: new Date(1413380042000),
            y: 15
        }, {
            x: new Date(1413376011000),
            y: 15
        }, {
            x: new Date(1413373033000),
            y: 20
        }, {
            x: new Date(1413372618000),
            y: 20
        }, {
            x: new Date(1413368974000),
            y: 0
        }, {
            x: new Date(1413367112000),
            y: 0
        }, {
            x: new Date(1413365092000),
            y: 0
        }, {
            x: new Date(1413300996000),
            y: 0
        }, {
            x: new Date(1413297230000),
            y: 20
        }, {
            x: new Date(1413293724000),
            y: 15
        }, {
            x: new Date(1413290782000),
            y: 20
        }, {
            x: new Date(1413286385000),
            y: 25
        }, {
            x: new Date(1413282918000),
            y: 15
        }, {
            x: new Date(1413280788000),
            y: 0
        }, {
            x: new Date(1413278854000),
            y: 0
        }, {
            x: new Date(1413214086000),
            y: 5
        }, {
            x: new Date(1413210813000),
 ...