Tooltip 7.2.1 without drop-in

by kzoon

HTML

<script src="http://code.highcharts.com/7.2.1/highcharts.js"></script>
<button onclick="updateScale()">
UPDATE
</button>

<div style="margin-right:95px; margin-top:300px;">
  <div id="test" style="transform: scale(0.6, 1.2); ">
    <div id="container"></div>
  </div>
</div>

JavaScript

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


// ---------------------------------------------------------------
// Test chart
Highcharts.chart('container', {
  tooltip: {
    outside: true,
    useHTML: true
  },
  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'
    }
  ]
});