Africa - Highmaps

Highmaps demo

by Eve Mwangi

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/custom/africa.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

$(function () {

    // Prepare demo data
    var data = [
        {
            "hc-key": "ug",
            "value": 0
        },
        {
            "hc-key": "ng",
            "value": 0
        },
        {
            "hc-key": "st",
            "value": 0
        },
        {
            "hc-key": "tz",
            "value": 0
        },
        {
            "hc-key": "sl",
            "value": 0
        },
        {
            "hc-key": "gw",
            "value": 0
        },
        {
            "hc-key": "cv",
            "value": 0
        },
        {
            "hc-key": "sc",
            "value": 0
        },
        {
            "hc-key": "tn",
            "value": 0
        },
        {
            "hc-key": "mg",
            "value": 10
        },
        {
            "hc-key": "ke",
            "value": 0
        },
        {
            "hc-key": "cd",
            "value": 10
        },
        {
            "hc-key": "fr",
            "value": 0
        },
        {
            "hc-key": "mr",
            "value": 10
        },
        {
            "hc-key": "dz",
            "value": 0
        },
        {
            "hc-key": "er",
            "value": 0
        },
        {
            "hc-key": "gq",
            "value": 10
        },
        {
            "hc-key": "mu",
            "value": 0
        },
        {
            "hc-key": "sn",
            "value": 10
        },
        {
            "hc-key": "km",
            "value": 0
        },
        {
            "hc-key": "et",
            "value": 0
        },
        {
            "hc-key": "ci",
            "value": 10
        },
        {
            "hc-key": "gh",
            "value": 0
        },
        {
            "hc-key": "zm",
            "value": 0
        },
        {
            "hc-key": "na",
            "value": 0
        },
        {
            "hc-key": "rw",
            "value": 10
        },
        {
            "hc-key": "sx",
            "value":...