Tree map with color axis

Min color set only

by amrutaJgtp

HTML

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

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

JavaScript

Highcharts.chart('container', {
  "chart": {
  
    "type": "treemap"
  },
  "series": [{
    "layoutAlgorithm": "squarified",
    "name": "Sales",
    "id": "series0",
    "data": [{
      "name": "United States",
      "value": 14888,
      "colorValue": 14888
    }, {
      "name": "United Kingdom",
      "value": 1591,
      "colorValue": 1591
    }, {
      "name": "Iceland",
      "value": 5839,
      "colorValue": 5839
    }, {
      "name": "India",
      "value": 7477,
      "colorValue": 7477
    }, {
      "name": "China",
      "value": 571,
      "colorValue": 571
    }, {
      "name": "Brazil",
      "value": 7285,
      "colorValue": 7285
    }, {
      "name": "Bahamas",
      "value": 3267,
      "colorValue": 3267
    }, {
      "name": "Australia",
      "value": 9921,
      "colorValue": 9921
    }, {
      "name": "Argentina",
      "value": 645,
      "colorValue": 645
    }, {
      "name": "Algeria",
      "value": 1160,
      "colorValue": 1160
    }],
    "dataLabels": {
      "enabled": true,
      "borderWidth": 0,
      "style": {
        "fontSize": "1rem",
        "fontFamily": "Lucida Sans Unicode,Verdana,Helvetica,Arial",
        "fontWeight": "normal",
        "fontStyle": "normal",
        "textDecoration": "none",
        "textOutline": "0px"
      },
      "align": "center",
      "verticalAlign": "middle"
    },
    "color": "rgba(65,50,155,1)",
    "showInLegend": true
  }],
  "colorAxis": {
    "maxColor":"rgba(64, 224, 208, 1)",
    "labels": {
      "enabled": true,
      "rotation": 0
    },
    "tickWidth": 0,
    "allowDecimals": false,
    "reversed": false,
    "id": "colorAxis0",
    "axisInternalName": "0"
  }
});