Highcharts Demo

author(s): Torstein Hønsi

by kawaljeetdhesi

HTML

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

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

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'area'
    },
    title: {
        text: 'Historic and Estimated Worldwide Population Growth by Region'
    },
    subtitle: {
        text: 'Source: Wikipedia.org'
    },
    xAxis: {
        categories: ['1750', '1800', '1850', '1900', '1950', '1999', '2050'],
        tickmarkPlacement: 'on',
        title: {
            enabled: false
        }
    },
    yAxis: {
				minPadding: 0, 
        maxPadding: 0,  
				minRange : 0.1,
				visible: false,
        //min:20000
			},
    tooltip: {
				backgroundColor: '#F5F5F5',
				borderRadius: 1,
				borderWidth: 0,
				shared: true,
				shadow: false,
				useHTML: true,
				valuePrefix: '$',
				positioner: function () {
					return {
						x: 30,
						y: 10
					};
				},
				crosshairs: [{
					width: 1,
					color: 'white',
					zIndex: 3
				}]
			},
    plotOptions: {
        area: {
            stacking: 'normal',
            lineColor: '#666666',
            lineWidth: 1,
            marker: {
                lineWidth: 1,
                lineColor: '#666666'
            }
        }
    },
    series: [{
        name: 'Asia',
        data: [5000, 5006, 5012.0072, 5018.0216086400005, 5024.043234570369, 5030.072086451854, 5036.108172955597]

    }, {
        name: 'Africa',
        data: [500, 500.6, 1001.8007200000001, 1503.6028808640003, 2006.0072043210373, 2509.014412966223, 3012.6252302617827]
    }, {
        name: 'Europe',
        data: [100, 100.12, 200.36014400000002, 300.7205761728, 401.2014408642074, 501.80288259324453, 602.5250460523564]
    }]
});