JSFiddle - React, Tailwind, and code Playground

by Kent Aguilar

HTML

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

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

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'scatter'
    },
    
    plotOptions: {
       scatter: {
          marker: {
             radius: 4,
             states: {
                hover: {
                   enabled: true,
                   lineColor: 'rgb(100,100,100)'
                }
             }
          },
          states: {
             hover: {
                marker: {
                   enabled: false
                }
             }
          }
       }
    },
    series: [{
            name: 'Point 1',
            data: [[3, 3]]
        }, {
            name: 'Point 2',
            data: [[4, 8]]
        }, {
            name: 'Point 3',
            data: [[9, 15]]
        }]
});