ElementStacks

by Kesav Telaprolu

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script> 
<div id="container" style="height: 400px; width: 500px"></div>

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'area'
    },
    plotOptions: {
        area: {
            stacking: true,
            lineWidth: 0,
            shadow: false,
            marker: {
                enabled: false
            },
            enableMouseTracking: false,
            showInLegend: false        
        },
        line: {
            zIndex: 5
        }
    },
    series: [{
        type: 'line',
        color: '#555',
        data: [41, 51, 51,41, 51 ], // [60, 60, 50, 40, 35, 45, 50, 65, 70, 75]
    },{
        type: 'line',
        color: '#55e',
        data: [52, 61, 45,52, 61 ],//[50, 55, 50, 45, 45, 50, 50, 55, 55, 60]
    },{
        color: '#55e',
        data: [0,0,6,0,0]//[10, 5, 0, 0, 0, 0, 0, 10, 15, 15]
    },
    {
        color: 'rgba(255,255,255,0)',
        data: [9,10,0,10,10]
    },
    {
        id: 'transparent',
        color: 'rgba(255,255,255,0)',
        data: [41, 51, 45,41, 51 ] //41.764705882,51.49122807,45.555235288,41.764705882,51.49122807
    }
    ]
}, 
function(chart){
    chart.get('transparent').area.hide();
}
);