Ethnicity in Soc. Sci, Fall 2015

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: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'IPEDS Ethnicity Breakdown by Major in Social Science, Fall 2015'
        },
        xAxis: {
            categories: [
                'Anthropology',
                'Criminology and Criminal Justice',
                'Counseling',
                'Cultural Resource Mgmt.',
                'Env. Studies',
                'Env. Planning',
                'Geography',
                'Global Studies',
                'History',
                'Human Development',
                'Liberal Std.-Ukiah',
                'Public Admin.',
                'Political Science',
                'Psychology',
                'Sociology',
                'Women & Gender Studies'
            ],
            crosshair: true
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Number of Students'
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y}</b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: [{
            name: 'AmInd Only',
            data: [0, 1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 1, 5, 5, 0]

        }, {
            name: 'Asian Only',
            data: [2, 4, 3, 0, 10, 1, 2, 3, 3, 3, 1, 3, 4, 23, 17, 5]

        }, {
            name: 'Black Only',
            data: [3, 10, 1, 0, 2, 0, 2, 1, 3, 2, 0, 2, 1, 13, 21, 3]
            
        }, {
            name: 'Hisp/Latino',
            data: [27, 158, 20, 4, 45, 6, 7, 13, 37, 44, 4, 11, 37, 203, 215, 21]
     ...