ONA 16 Board - Membership

by Adam Nekola

HTML

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

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

JavaScript

$(function () {

    Highcharts.setOptions({
        lang: {
            thousandsSep: ","
        }
    });
    
    Highcharts.chart('container', {
        title: {
            text: 'Membership by Type',
            align: 'left',
            style: {
            	fontWeight: 800,
              fontSize: "2em"
            }
        },
        series: [
          {
              name: 'Jan 2016',
              data: [1854, 304, 203, 166]
          },{
              name: 'Dec 2016',
              data: [1868, 350, 160, 226]
          }
        ],
        xAxis: {
            categories: [
                'Professional', 'Academic', 'Student', 'Associate'
            ],
        		tickLength: 0,
            lineColor: "#eeeeee"
        },
        yAxis: {
            min: 0,
            max: 2700,
            endOnTick: false,
            title: {
              text: '# of Members',
            	align: "low"
            }
        },
        chart: {
            type: 'bar',
            style: {
            	fontFamily: "\"Source Sans Pro\", Verdana, Arial, Helvetica, sans-serif"
            }
        },
        plotOptions: {
            bar: {
                pointPadding: 0.05,
                groupPadding: 0.1,
                borderWidth: 0
            },
            series: {
                marker: false
            },
            area: {
                lineWidth: 0
            }
        },
        colors: ["#63bad6",'#213563', "#8764ec","#a36900"],
        tooltip: { enabled: false },
        credits: { enabled: false },
        subtitle: { text: '' }
    });
});