Filledmap (joinBy region-wb)

by amrutaJgtp

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/maps/modules/data.js"></script>
<script src="https://code.highcharts.com/maps/modules/exporting.js"></script>
<script src="https://code.highcharts.com/maps/modules/offline-exporting.js"></script>
<script src="https://code.highcharts.com/mapdata/custom/world.js"></script>

<div id="container" style="max-width: 1000px"></div>

JavaScript

// Prepare demo data
var data = [{
  'hc-group': 'admin0',
  'hc-key': 'us',
  'hc-a2': 'US',
  'name': 'United States of America',
  'labelrank': 2,
  'country-abbrev': 'U.S.A',
  'subregion': 'Northern America',
  'region-wb': 'North America',
  'iso-a3': 'USA',
  'iso-a2': 'US',
  'woe-id': 23424977,
  'continent': 'North America',
  'value': 1999
}, {
  'hc-group': 'admin0',
  'hc-key': 'in',
  'hc-a2': 'IN',
  'name': 'India',
  'labelrank': 2,
  'country-abbrev': 'India',
  'subregion': 'Southern Asia',
  'region-wb': 'South Asia',
  'iso-a3': 'IND',
  'iso-a2': 'IN',
  'woe-id': 23424848,
  'continent': 'Asia',
  'value': 234
}, {
  'hc-group': 'admin0',
  'hc-key': 'au',
  'hc-a2': 'AU',
  'name': 'Australia',
  'labelrank': 2,
  'country-abbrev': 'Auz.',
  'subregion': 'Australia and New Zealand',
  'region-wb': 'East Asia and Pacific',
  'iso-a3': 'AUS',
  'iso-a2': 'AU',
  'woe-id': -90,
  'continent': 'Oceania',
  'value': 500
}, {
  'hc-group': 'admin0',
  'hc-key': 'gb',
  'hc-a2': 'GB',
  'name': 'United Kingdom',
  'labelrank': 2,
  'country-abbrev': 'U.K.',
  'subregion': 'Northern Europe',
  'region-wb': 'Europe and Central Asia',
  'iso-a3': 'GBR',
  'iso-a2': 'GB',
  'woe-id': -90,
  'continent': 'Europe',
  'value': 2000
}, {
  'hc-group': 'admin0',
  'hc-key': 'dz',
  'hc-a2': 'DZ',
  'name': 'Algeria',
  'labelrank': 3,
  'country-abbrev': 'Alg.',
  'subregion': 'Northern Africa',
  'region-wb': 'Middle East and North Africa',
  'iso-a3': 'DZA',
  'iso-a2': 'DZ',
  'woe-id': 23424740,
  'continent': 'Africa',
  'value': 110
}, {
  'hc-group': 'admin0',
  'hc-key': 'br',
  'hc-a2': 'BR',
  'name': 'Brazil',
  'labelrank': 2,
  'country-abbrev': 'Brazil',
  'subregion': 'South America',
  'region-wb': 'Latin America and Carribean',
  'iso-a3': 'BRA',
  'iso-a2': 'BR',
  'woe-id': 23424768,
  'continent': 'South America',
  'value': 3000
}];

// Initiate the chart
Highcharts.mapChart('container', {
  chart: {
    map: 'custom/world'
  },

 ...