JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            zoomType: 'xy'
        },
        title: {
            text: 'ToolTip reads wrong location'
        },
        subtitle: {
            text: 'Float over series two. Tooltip not showing. Stay at same height, but back but over series 1.  Tooltip shows for Series 2.'
        },
        xAxis: [{
            width:300,
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },{
            left: 400,
            width: 300,
            offset:0,
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        }
               
               ],
        yAxis: [{ // Secondary yAxis
            gridLineWidth: 0,
            title: {
                text: 'Rainfall',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            },
            labels: {
                format: '{value} mm',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            }

        }],
        tooltip: {
            shared: false
        },
        series: [{
            name: 'Series 1',
            type: 'line',
            xAxis: 0,
            
            data: [10, 20, 30, 40, 50, 40, 30, 20, 10, 20, 30],
            tooltip: {
                valueSuffix: ' mm'
            }

        }, {
            name: 'Series 2',
            type: 'line',
            xAxis: 1,
            
            data: [100, 120, 100, 120, 100, 120, 100, 120, 100, 120, 100, 120],
            tooltip: {
                valueSuffix: ' mm'
            }

        }]
    });
});