hours

by jlbriggs

HTML

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

<div id="container" style="width:600px;height:450px;margin:1.5em 1em;"></div>

JavaScript

var tStart = 1388534400000;

var chart = new Highcharts.Chart({
    chart: {
        renderTo:'container',
        margin:[75,10,100,100],
        type:'bar',
        style: {
            fontFamily: '"Century Gothic", CenturyGothic, AppleGothic, sans-serif',
            color:'#000'
        }
    },
    credits: {
        //enabled: false
        href:'http://www.nerdwallet.com/blog/investing/2013/466-hours-overtime-equals-hour-ceo-pay/',
        text:'based on the analysis of nerdWallet.com: www.nerdwallet.com/blog/investing/2013/466-hours-overtime-equals-hour-ceo-pay/'
    },
    exporting: { 
        //enabled: false 
        scale:1
    },
    legend: { enabled: false },
    title: { 
       text:'How long does the average worker work to earn what their CEO earns in one hour?' 
    },
    tooltip: {},
    plotOptions: {
        series: {
            color:'#4282e3',
            groupPadding:0,
            pointPadding:.15
        }
    },
    xAxis: {
        categories:[
            'McDonald\'s',
            'Starbucks',
            'Dollar General',
            'Gap',
            'TJ Maxx',
            'Target',
            'Walmart',
            'CVS',
            'Best Buy',
            'AT&T'
        ],
        lineColor:'#000',
        lineWidth:.5,
        tickColor:'#000',
        tickLength:3,
        tickWidth:.5,
        labels: { 
            style: {
                color:'#000'
            }
        }
    },
    yAxis: [{
                                 plotLines:[{
                                     value:1,
                                     color:'#000',
                                     width:1,
                                     zIndex:5,
                                     label: {
                                         rotation:0,        
                                         align:'center',
                                         verticalAlign:'top',
                                         text:'CEO: 1 Hour',
        ...