JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>

<div id="container" style="height: 300px"></div>

JavaScript

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container'
    },
    
    plotOptions: {
        series: {
            marker: {
                symbol: 'url(http://highcharts.com/demo/gfx/sun.png)'
            },
            point: {
                events: {
                    mouseOver: function(){
                        this.graphic.attr('href', 'http://highcharts.com/demo/gfx/snow.png')
                    },
                    mouseOut: function(){
                        this.graphic.attr('href', 'http://highcharts.com/demo/gfx/sun.png')
                    }
                }
            }   
        }
    },
    
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]

});