Electable Revenue

by Adam Nekola

HTML

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

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

JavaScript

$(function () {
    $('#container').highcharts({
        title: {
            text: 'Projected Revenue'
        },
        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:550000,
            min: 0,
            endOnTick: false,
            title: {
                text: ''
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        legend: {
            layout: 'horizontal',
            align: 'center',
            borderWidth: 0
        },
        series: [{
            name: 'Range of Estimated Revenue per Election',
            type: 'arearange',
            color: '#D0FFFF',
            data: [
                [6825,13650],
                [18200,36400],
                [50050,100100],
                [91000,182000],
                [170625,341250],
                [273000,546000]
            ]
        },{
            name: '10% Customer Conversion',
            type: 'line',
            data: [
                13650,36400,100100,182000,341250,546000
            ]
        },{
            name: '5% Customer Conversion',
            type: 'line',
            color: '#1D87B0',
            data: [
                6825,18200,50050,91000,170625,273000
            ]
        }]
    });
});