JSFiddle - React, Tailwind, and code Playground

by paultoconnell

HTML

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

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'scatter'
    },
    
    xAxis: {
        categories: ['Green', 'Pink']
    },
    plotOptions: {
       scatter: {
          marker: {
             radius: 4,
             states: {
                hover: {
                   enabled: true,
                   lineColor: 'rgb(100,100,100)'
                }
             }
          },
          states: {
             hover: {
                marker: {
                   enabled: false
                }
             }
          }
       }
    },
    series: [{
        data: [{
            name: 'Point 1',
            x: 1,
            y: 2
        }, {
            name: 'Point 2',
            x: 2,
            y: 5
        }]
    }]
});