Tooltip under transform scale

by kzoon

HTML

<script src="https://code.highcharts.com/7.1.2/highcharts.src.js"></script>


<button onclick="updateScale()">
UPDATE
</button>

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

</div>

JavaScript

Highcharts.chart('container', {


  series: [{
    data: [1, 4, 3, 5, 6, 7, 4, 3, 5, 2, 3, 4, 6, 5, 4],
    type: 'line'
  },
  {
    data: [1, 2,2,2,2,2,2,2,2,2,2,2,2,2,2],
    type: 'column'
  }
  ]
});

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