Colorscale after transform scale

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="updateScale()">
UPDATE
</button>

<div id="test" style="transform: scale(0.9);">
<div>
  <div id="container"></div>
</div>

</div>

JavaScript

var data = [
    ['dk', 0],
    ['de', 1],
    ['fr', 2],
    ['ie', 3],
    ['es', 12],
    ['it', 14],
    ['gb', 5],  
    ['nl', 11],
    ['lu', 20],
    ['be', 22],
    ['pt', 22],
 
];

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


    colorAxis: {
        min: 0
    },

    series: [{
    allAreas:false,
        data: data,
         dataLabels: {
            enabled: true,
            format: '{point.name}'
        }
    }]
});

 function updateScale() {
 	document.getElementById('test').style = "transform: scale(0.5)"
 }