title: Highmaps - Change to mapbubble
body: <p>I have been trying to change Highmaps chart to bubble by adding<br>
  type: 'mapbubble',  as below but failed
  Is there any way to do it ? I dont know where went wrong</p>
  
  <pre><code>series: [{
    type: 'mapbubble',
    data: data,
  </code></pre>
  
  <p>Appreciate if anyone can help me to do that base on the code below</p>
  
  <p>Link to <a href="https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/maps/demo/rich-info/" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <pre><code>   mapChart = Highcharts.mapChart('mapchart', {
  
          title: {
              text: 'Population history by country'
          },
  
          subtitle: {
              text: 'Source: &lt;a href="http://data.worldbank.org/indicator/SP.POP.TOTL/countries/1W?display=default"&gt;The World Bank&lt;/a&gt;'
          },
  
          mapNavigation: {
              enabled: true,
              buttonOptions: {
                  verticalAlign: 'bottom'
              }
          },
  
          colorAxis: {
           //  type: 'logarithmic',
              endOnTick: false,
              startOnTick: false,
              min: 50000
          },
  
          tooltip: {
              footerFormat: '&lt;span style="font-size: 10px"&gt;(Click for details)&lt;/span&gt;'
          },
  
          series: [{
              data: data,
              mapData: mapData,
              joinBy: ['iso-a3', 'code3'],
              name: 'Current population',
              allowPointSelect: true,
              cursor: 'pointer',
              states: {
                  select: {
                      color: '#a4edba',
                      borderColor: 'black',
                      dashStyle: 'shortdot'
                  }
              }
          }]
      });
  </code></pre>