Total Graduates by School and Major, 2014

by Kathryn Atwood

HTML

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

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

JavaScript

$(function() {
  // Create the chart
  $('#container').highcharts({
    chart: {
      type: 'column'
    },
    title: {
      text: 'Total Graduates by School and Major, Spring 2014'
    },
    subtitle: {
      text: 'Click the columns to view graduation totals for individual majors.'
    },
    xAxis: {
      type: 'category'
    },
    yAxis: {
      title: {
        text: 'Number of students'
      }

    },
    legend: {
      enabled: false
    },
    plotOptions: {
      series: {
        borderWidth: 0,
        dataLabels: {
          enabled: true,
          format: '{point.y:f}'
        }
      }
    },

    tooltip: {
      headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
      pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:f}</b> of total<br/>'
    },

    series: [{
      name: 'Academic Schools',
      colorByPoint: true,
      data: [{
        name: 'Arts and Humanities',
        y: 412,
        drilldown: 'Arts and Humanities'
      }, {
        name: 'Business and Economics',
        y: 456,
        drilldown: 'Business and Economics'
      }, {
        name: 'Education',
        y: 93,
        drilldown: 'Education'
      }, {
        name: 'Science and Technology',
        y: 386,
        drilldown: 'Science and Technology'
      }, {
        name: 'Social Science',
        y: 803,
        drilldown: 'Social Science'
      }]
    }],
    drilldown: {
      series: [{
        name: 'Arts and Humanities',
        id: 'Arts and Humanities',
        data: [
          [
            'American Multicultural Studies',
            5
          ],
          [
            'Art History',
            9
          ],
          [
            'Art Studio',
            24
          ],
          [
            'CALS/NAMS',
            7
          ],
          [
            'Communications',
            80
          ],
          [
            'English',
            73
          ],
          [
           ...