Uzbekistan - Highmaps

Highmaps demo

by Muzaffar Rasulov

HTML

<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/maps/modules/exporting.js"></script>
<script src="https://code.highcharts.com/mapdata/countries/uz/uz-all.js"></script>

<div id="container"></div>

CSS

#container {
    height: 500px; 
    min-width: 310px; 
    max-width: 800px; 
    margin: 0 auto; 
}
.loading {
    margin-top: 10em;
    text-align: center;
    color: gray;
}

JavaScript

// Prepare demo data
// Data is joined to map using value of 'hc-key' property by default.
// See API docs for 'joinBy' for more info on linking data and map.
var data = [
  ['uz-fa', 0],
  ['uz-tk', 77],
  ['uz-an', 0],
  ['uz-ng', 9.5],
  ['uz-ji', 0.4],
  ['uz-si', 0],
  ['uz-ta', 77],
  ['uz-bu', 0],
  ['uz-kh', 0],
  ['uz-qr', 0],
  ['uz-nw', 0],
  ['uz-sa', 1.1],
  ['uz-qa', 15],
  ['uz-su', 16]
];

// Create the chart
Highcharts.mapChart('container', {
  chart: {
    map: 'countries/uz/uz-all'
  },

  title: {
    text: 'Highmaps basic demo'
  },

  subtitle: {
    text: 'Source map: <a href="http://code.highcharts.com/mapdata/countries/uz/uz-all.js">Uzbekistan</a>'
  },
accessibility: {
        point: {
            valueDescriptionFormat: '{index}. Age {xDescription}, {value}%.'
        }
    },
  mapNavigation: {
    enabled: true,
    buttonOptions: {
      verticalAlign: 'bottom'
    }
  },

colorAxis: {
            min: 0,
            minColor: '#FFFFFF',
            maxColor: '#FF120A'
        },
  /*colorAxis: {
    min: 0
  },*/

  series: [{
    data: data,
    name: 'Random data',
    states: {
      hover: {
        color: '#BADA55'
      }
    },
    dataLabels: {
      enabled: true,
      format: '{point.name}'
    }
  }]
});