JSFiddle - React, Tailwind, and code Playground

by vasagi

HTML

<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/data.js"></script>

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

JavaScript

Highcharts.getJSON('https://demo-live-data.highcharts.com/aapl-c.json', function(data) {
  Highcharts.stockChart('container', {
    chart: {
    type:'column',
      height: 80,
			events: {
				load: function() {
					this.navigator.navigatorGroup.on('mouseover', () => {
						alert('hover');
					});
				}
			}
    },
    xAxis: {
      visible: false
    },
    yAxis: {
      visible: false,
      height: 0
    },
    rangeSelector: {
      enabled: false
    },
    series: [{
      data: data,
			enableMouseTracking: false
    }],
  });
});