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",
        indexLabel: "#percent%",
        percentFormatString: "#0.###",
        //percentFormatString: "#0.000",
        toolTipContent: "#percent%",
        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
        }]
    }]
});

chart.render();