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", {
    zoomEnabled: true,
    axisX:{
        interval:20
    },
    data: [{
        type: "column",
        dataPoints: [{
            x: 10,
            y: 71
        }, {
            x: 20,
            y: 55
        }, {
            x: 30,
            y: 50
        }, {
            x: 40,
            y: 65
        }, {
            x: 50,
            y: 95
        }, {
            x: 60,
            y: 68
        }, {
            x: 70,
            y: 28
        }, {
            x: 80,
            y: 34
        }, {
            x: 90,
            y: 14
        }, {
            x: 110,
            y: 71
        }, {
            x: 120,
            y: 55
        }, {
            x: 130,
            y: 50
        }, {
            x: 140,
            y: 65
        }, {
            x: 150,
            y: 95
        }, {
            x: 160,
            y: 68
        }, {
            x: 170,
            y: 28
        }, {
            x: 180,
            y: 34
        }, {
            x: 190,
            y: 14
        }, {
            x: 210,
            y: 71
        }, {
            x: 220,
            y: 55
        }, {
            x: 230,
            y: 50
        }, {
            x: 240,
            y: 65
        }, {
            x: 250,
            y: 95
        }, {
            x: 260,
            y: 68
        }, {
            x: 270,
            y: 28
        }, {
            x: 280,
            y: 34
        }, {
            x: 290,
            y: 14
        }]
    }]
});

chart.render();