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: [60, 60, 50, 40, 35, 45, 50, 65, 70, 75]
    },{
        type: 'line',
        color: '#55e',
        data: [50, 55, 50, 45, 45, 50, 50, 55, 55, 60]
    },{
        color: '#5e5',
        data: [10, 5, 0, 0, 0, 0, 0, 10, 15, 15]
    },{
        color: '#e55',
        data: [0, 0, 0, 5, 10, 5, 0, 0, 0, 0]
    },{
        id: 'transparent',
        color: 'rgba(255,255,255,0)',
        data: [50, 55, 50, 40, 35, 45, 50, 55, 55, 60]
    }]
}, function(chart){
    chart.get('transparent').area.hide();
});