Highcharts Demo

author(s): Torstein Hønsi

by Murali Kaliappan

HTML

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

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

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },    
    xAxis: {
        categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania','Oceania1','Oceania2','Oceania3']    
    },
    plotOptions: {        
    series :{
    	groupPadding : 0,
      pointPadding : 0.1,      
      pointWidth :10,
      dataLabels: {
        enabled: true,
        allowOverlap: true
      }
     }        
    },    
    series: [{
        name: 'Year 1800',
        data: [107, 31, 635, 203,123,343,454,565]
    }, {
        name: 'Year 1900',
        data: [133, 156, 947, 408,233,454,656,766]
    }, {
        name: 'Year 2000',
        data: [814, 841, 714, 727,345,567,787,898]
    }, {
        name: 'Year 2016',
        data: [1216, 1001, 936, 738,678,899,909,1200]
    }]
});