Facebook Shares

by jlbriggs

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<div style="white-space:nowrap;">
    <div id="c1" style="height:700px;width:500px;display:inline-block;"></div>
    <div id="c2" style="height:700px;width:500px;display:inline-block;"></div>
</div>

JavaScript

Highcharts.setOptions({
    chart: {
        renderTo:'container',
        defaultSeriesType:'bar',
        borderWidth:0,
    },
    title:{
        text:'Facebooking Profits'
    },
    credits:{enabled:false},
    legend:{
                                     
    },
    plotOptions: {
        series: {
            shadow:false,
            borderWidth:0,
            color:'#5a9bd4'
        }
    },
    xAxis:{
        lineColor:'#999',
        lineWidth:1,
        tickColor:'#666',
        tickLength:3,
        title:{text:''},
        categories:['Mark Zuckerberg','Dustin Moskovitz','DST Global','Sean Parker','Goldman Sachs','Tiger Global Mgmt','Peter Thiel','Meritech Capital Partners']
    },
    yAxis:{
        lineColor:'#999',
        lineWidth:1,
        tickColor:'#666',
        tickWidth:1,
        tickLength:3,
        gridLineColor:'#ddd',
        title:{text:''}
    }
});   
    
    
var chart1 = new Highcharts.Chart({
    chart:{
        renderTo:'c1',
        margin:[50,25,50,225]
    },
    xAxis:{
        labels:{
            style:{
                fontWeight:'bold',
                fontSize:'10px',
                color:'#000'
            }
        }
    },
    yAxis:{
        title:{
            text:'Millions of Shares Owned',
            style:{
                color:'#000'
            }
        }
    },
    legend:{enabled:false},
    series:[{
        name:'Number of Shares Owned',
        data:[533.8,133.7,131.3,69.7,66,53.8,44.7,40.4]
    }]
});
var chart2 = new Highcharts.Chart({
    chart:{
        renderTo:'c2',
        margin:[50,225,50,25]
    },
    title:{text:''},
    xAxis:{
        labels:{
            enabled:false            
        }
    },
    yAxis:{
        title:{
            text:'% of Shares Sold',
            style:{
                color:'#000'
            }
        }
    },
    legend:{
        align:'right',
        layout:'vertical',
        verticalAlign:'middle'
    },
    series:[{
        color:'#7ac36a',
...