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

CanvasJS.addCultureInfo("de", {
    decimalSeparator: ",",
    digitGroupSeparator: "."
});

var chart = new CanvasJS.Chart("chartContainer", {
    culture: "de",
    data: [{
        type: "pie",
        dataPoints: [{
            x: 10,
            y: 71,
            toolTipContent: "#percent%"
        }, {
            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
        }]
    }]
});

chart.render();