ElementStacks

check

by Oscar Gonzalez

HTML

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

<div id="container" style="height: 400px; width: 500px"></div>
<div id="container1" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

var chart = $('#container').highcharts('StockChart',{
                      
            chart: {
            renderTo: 'container',
            type: 'area'
    },
    plotOptions: {
        area: {
            stacking: true,
            lineWidth: 2,
             marker: {
                enabled: false
            },
           showInLegend: false        
        },
        line: {
             marker:{
                enabled:false
            }
        }
    },
  series: [{
        
        type: 'line',
        color: '#555',
		marker:{
                enabled:false
            },



        data: [         [1246233600000,209.29],
                        [1246320000000,212.04],
                        [1246406400000,201.94],
                        [1246492800000,218.87]
                        
              ]
    },{
        type: 'line',
        color: '#green',



		marker:{
                enabled:false
            },
        data: [         [1246233600000,204.04],
                        [1246320000000,206.04],
                        [1246406400000,214.60],
                        [1246492800000,228.87]
                        
              ]
    },{
        fillColor: '#5e5',
		marker:{
                enabled:false
            },

        data: 				[	[1246233600000,5.25],
                        [1246320000000,6],
                        [1246406400000,0],
                        [1246492800000,0]
                        ]
        
    },{
        fillColor: 'red',


		marker:{
                enabled:false
            },

        data: [
       								 [1246233600000,0],
                        [1246320000000,0],
                        [1246406400000,12.66],
                        [1246492800000,10]
              ]
    },{
        id: 'transparent',
        fillColor: 'rgba(255,255,255,0)',
		
		marker:{
                enabled:false
            },


        data: [
        			[1246233600000,204.04],
              [1246320000000,206.04],
    ...