hist with normal curve

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="height:500px;"></div>

JavaScript

var chart = new Highcharts.Chart({
    chart:{
        renderTo:'container',
        type:'column',
        alignTicks:false,
        marginTop:25
    },
    exporting:{enabled:false},
    title:{text:''},
    tooltip:{
        borderWidth:1,
        formatter:function() {
            return '<b>Range:</b><br/> '+ this.x +'<br/>'+
                '<b>Count:</b> '+ this.y;
        }
    },
    plotOptions:{
        series:{
            minPointLength:1,
            shadow:false,
            marker:{enabled:false}
        },
        area:{
            events:{
                legendItemClick: function() {
                    if (this.name == 'Sigma Bands') {
                        toggleBands(chart);
                    }
                }
            }
        }
    },
    xAxis: { 
        lineColor:'#999',
        tickColor:'#ccc'
       ...