Occupation Faculty and Staff Ver 1

by Kathryn Atwood

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 300px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'IPEDS Occupation Groups of SSU Faculty and Staff, Spring 2016'
        },
        xAxis: {
            type: 'category',
            labels: {
                rotation: -45,
                style: {
                    fontSize: '10px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
        },
        yAxis: {
            min: 0,
            max: 460,
            tickInterval: 10,
            lineWidth: 1,
            title: {
                text: 'Number of Employees'
            }
        },
        legend: {
            enabled: false
        },
        tooltip: {
            pointFormat: 'Number of Employees: <b>{point.y} </b>'
        },
        series: [{
            name: 'Population',
            data: [
                ['Archivist, Curator, Museum Techs', 1],
                ['Bus. and Fin. Operations', 161],
                ['Community Serv. Legal, Arts', 136],
                ['Comp., Engineering, and Sci.,', 65],
                ['Faculty', 456],
                ['Graduate Asst.', 22],
                ['Healthcare Pract. and Tech.', 14],
                ['Librarians', 10],
                ['Library Tech.', 15],
                ['Management Occ.', 65],
                ['Nat. Rescources, Const., Maint.', 48],
                ['Non-Postsecondary Teaching', 12],
                ['Office and Admin. Support', 78],
                ['Prod., Trans., Mat. Movers', 19],
                ['Service Occupations', 87]
            ],
            dataLabels: {
                enabled: true,
                rotation: -90,
                color: '#FFFFFF',
                align: 'right',
                format: '{point.y}', 
                y: 10, // 10 pixels down from the top
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
 ...