Map legend chart

by kzoon

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/world.js"></script>

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

JavaScript

Highcharts.chart('container', {
 
         "chart": {
            "reflow": false,
            "type": "map",
            "animation": false,
            "borderRadius": 0,
            "backgroundColor": "rgba(255,255,255,1)",
            "plotBackgroundColor": "rgba(255,255,255,0)",
            "spacingBottom": 10,
            "scAnimateChanges": false,
            "scAllowHidingSeries": true,
            "scHandleHideOnServer": false,
            // map: 'custom/world'
        },
        "drilldown": {},
        "title": {
            "text": "",
            "margin": 0
        },
        "subtitle": {
            "text": "",
            "margin": 0
        },
        credits: {
        enabled: false
    },
        "legend": {
            "align": "center",
            "verticalAlign": "top",
            "alignColumns": false,
            "margin": 20,
            "backgroundColor": "rgba(255,192,0,1)",
            "borderWidth": 1,
            "borderColor": "rgba(30,30,30,1)",
            "padding": 23,
            "symbolWidth": 250,
            "squareSymbol": false,
            "symbolRadius": 0,
            "itemStyle": {
                "fontFamily": "'Lucida Grande', 'Lucida Sans Unicode'",
                "fontSize": "11px",
                "fontWeight": "normal",
                "color": "rgba(60,60,60,1)"
            }
        },
        "colorAxis": {
            "scIsNumeric": true,
            "min": 6898.0,
            "max": 98741.0,
            "endOnTick": true,
            "minPadding": 0,
            "maxPadding": 0,
            "tickPixelInterval": 190,
            "scHasScaleRange": true,
            "numberFormat": {
                "numberFormatIndex": 2,
                "hasAutoDecimals": true
            },
            "stops": [
                [ 0.0, "rgba(244,247,252,1)" ],
                [ 0.9, "rgba(68,114,196,1)" ]
            ],
            "labels": {
                "overflow": "allow",
                "style": {
           ...