ONA 16 Board - ALL Social

by Adam Nekola

HTML

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

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

JavaScript

$(function () {

    Highcharts.setOptions({
        lang: {
            thousandsSep: ","
        }
    });
    
    Highcharts.chart('container', {
        title: {
            text: 'All Social Followers',
            align: 'left',
            style: {
            	fontWeight: 800,
              fontSize: "2em"
            }
        },
        series: [{
            name: 'Twitter',
            data: [7757, 14258, 23060, 28803, 34758, 41223]
        },{
            name: 'Facebook',
            data: [2191, 3614, 5517, 7343, 9310, 12706]
        },{
            name: 'LinkedIn Group',
            data: [3652, 5512, 6506, 7021, 7697, 9023]
        },{
            name: 'Tumblr',
            data: [695, 1453, 4860, 5143, 5595, 5750]
        },{
            name: 'LinkedIn Page',
            data: [null, null, null, null, 2219, 2610]
        },{
            name: 'Instagram',
            data: [null, null, null, null, 430, 911]
        }],
        xAxis: {
            categories: [
                '2011',
                '2012',
                '2013',
                '2014',
                '2015',
                '2016'
            ],
        		tickLength: 0,
            lineColor: "#eeeeee"
        },
        yAxis: {
            min: 0,
            max: 42000,
            endOnTick: false,
            title: {
              text: 'Followers',
            	align: "low"
            }
        },
        chart: {
            type: 'line',
            style: {
            	fontFamily: "\"Source Sans Pro\", Verdana, Arial, Helvetica, sans-serif"
            }
        },
        plotOptions: {
            column: {
                pointPadding: 0,
                borderWidth: 0
            }
        },
        colors: ["#63bad6",'#213563',"#8764ec","#ff8300","#b3e1ef","#a36900"],
        tooltip: { enabled: false },
        credits: { enabled: false },
        subtitle: { text: '' }
    });
});