Highcharts Demo

author(s): Torstein Hønsi

by pjmorse

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    $('#container').highcharts({

        tooltip: {
            formatter: function () {
                return "Hello, world!";
            }
        },

        chart: {
            "height": 400,
            "width": 800
        },
        "exporting": {
            "width": 800,
            "chartOptions": {
                "chart": {
                    "width": 800
                }
            }
        },
        "yAxis": {
            "title": null,
            "labels": {
                "enabled": true
            },
            "gridLineWidth": 0
        },
        "xAxis": {
            "labels": {
                "style": {
                    "fontSize": "14px",
                    "fontWeight": "bold"
                },
                "y": 20
            },
            "categories": ["1 student", "2 students", "3 students", "4 students", "5 or more students"]
        },
        "plotOptions": {
            "series": {
                "animation": false,
                "enableMouseTracking": false
            },
            "column": {
                "shadow": false,
                "borderWidth": 0,
                "dataLabels": {
                    "enabled": true,
                }
            }
        },
        "series": [{
            "type": "column",
            "data": [50.3, 10.1, 10, 5.3, 15.9]
        }]
    });
});