Color Axis Width

Location Value(color axis) and Date(bubble)

by amrutaJgtp

HTML

<script src="http://code.highcharts.com/maps/highmaps.js"></script>
<script src="http://code.highcharts.com/mapdata/custom/world.js"></script>
<div id="container" style="max-width: 1000px" ></div>

JavaScript

$(function() {


  // Initiate the chart
  $('#container').highcharts('Map', {
    "chart": {
      "inverted": false,
      "backgroundColor": "rgba(255,255,255,0)",
      "reflow": false,
      "height": 713,
      "width": 1046,
      "plotBackgroundColor": "rgba(255,255,255,0)",
      "zoomType": null
    },
    "title": {
      "text": null
    },
    "tooltip": {
      "enabled": true,
      "shared": false,
      "borderWidth": 1,
      "borderRadius": 1,
      "backgroundColor": "#ffffff",
    },
    "plotOptions": {
      "series": {
        "animation": null,
        "cursor": "pointer",
        "showInLegend": true,
        "turboThreshold": 0,
        "events": {},
        "mapData": Highcharts.maps['custom/world'],
        "nullColor": "rgba(248,248,248,1)",
        "borderColor": "rgba(192,192,192,1)"
      }
    },
    "legend": {
      "enabled": true,
      "item": {},
      "borderWidth": 1,
      "layout": "horizontal",
      "backgroundColor": "rgba(255,255,255,0)",
      "itemStyle": {
        "color": "#000000",
        "fontSize": "0.857rem",
        "fontFamily": "Lucida Sans Unicode",
        "fontWeight": "normal",
        "fontStyle": "normal",
        "textDecoration": "none"
      },
      "align": "center",
      "verticalAlign": "bottom",
      "margin": 0,
      "padding": 5
    },
    "credits": {
      "enabled": false
    },
    colorAxis:{
    	maxColor:"rgba(106,0,255,1)"
    },
    "series": [ {
      "internalName": "Cube_Untitled1__Cube_Untitled1__Msr_Sales",
      "name": "Sales",
      "joinBy": ["name", "key"],
      "zIndex": 0,
      "color": "rgba(106,0,255,1)",
      "allAreas": true,
      "point": {
        "events": {}
      },
      "dataLabels": {
        "enabled": true,
        "color": "#000000",
        "borderWidth": 0,
        "style": {
          "fontSize": "0.714rem",
          "fontFamily": "Lucida Sans Unicode",
          "fontWeight": "normal",
          "fontStyle": "normal",
         ...