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: {
            backgroundColor: {
                linearGradient: [0, 0, 0, 60],
                stops: [
                    [0, '#FFFFFF'],
                    [1, '#E0E0E0']
                ]
            },
            borderWidth: 1,
            borderColor: '#AAA'
        },

        chart: {
            "renderTo": "chart",
            "animation": false,
            "height": 400,
            "width": 800
        },
        "exporting": {
            "width": 800,
            "chartOptions": {
                "chart": {
                    "width": 800
                }
            }
        },
        "credits": {
            "enabled": false
        },
        "legend": {
            "enabled": false
        },
        "yAxis": {
            "title": null,
            "labels": {
                "enabled": false
            },
            "gridLineWidth": 0
        },
        "xAxis": {
            "labels": {
                "style": {
                    "fontFamily": "HelveticaNeue, \"Helvetica Neue\", Helvetica, Arial, sans-serif",
                    "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
            },
            "bar": {
                "shadow": false,
                "borderWidth": 0,
                "pointPadding": 0,
                "pointWidth": null,
                "dataLabels": {
                    "enabled": true,
                    "style": {
                        "fontFamily": "HelveticaNeue, \"Helvetica Neue\", Helvetica, Arial, sans-serif",
                        "fontSize": "11px"
                    }
                }
            },
         ...