Render wrecks colorscale

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



<button onclick="reRender()">
Re-render chart
</button>

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

</div>

JavaScript

Highcharts.mapChart('container', {
  chart: {
    map: 'custom/european-union'
  },


  colorAxis: {
    min: 0
  },

  series: [{
    allAreas: false,
    data: [
      ['dk', 0],
      ['de', 1],
      ['fr', 2],
      ['ie', 3],
      ['es', 12],
      ['it', 14],
      ['gb', 5],
      ['nl', 11],
      ['lu', 20],
      ['be', 22],
      ['pt', 22],
    ],
    dataLabels: {
      enabled: true,
      format: '{point.name}'
    }
  }]
});

function reRender() {
  alert('before rerender');
  chart.render();
  //This line is nver hit. So chart.render() fails
  alert('after rerender');
}