Electable Outlets

by Adam Nekola

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

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

JavaScript

$(function () {
    $('#container').highcharts({
        title: {
            text: 'Projected number of News Outlets'
        },
        subtitle: {
            text: '',
            enabled: false
        },
        tooltip: {
            headerFormat: '',
            shared: true  
        },
        credits: { enabled:false },
        xAxis: {
            categories: ["Spring '15", "Fall '15", "Spring '16", "Fall '16", "Spring '17", "Fall '17"]
        },
        yAxis: {
            max:500,
            min: 0,
            title: {
                text: ''
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        legend: {
            layout: 'horizontal',
            align: 'center',
            borderWidth: 0
        },
        series: [{
            name: 'News Outlets',
            //data: [null, null, null, null]
            data: [15,40,110,200,375, {
                dataLabels: {
                    enabled: true,
                    align: 'left',
                    style: {
                        fontWeight: 'bold'
                    },
                    x: 0,
                    y: 10,
                    verticalAlign: 'middle',
                    overflow: true,
                    crop: false
                },
                y: 600
            }]
        }]
    });
});