JSFiddle - React, Tailwind, and code Playground

by sbochan

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: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'scatter',
            animation: false
        },
        plotOptions: {
            scatter: {
                turboThreshold: 9999
            }
        },
        series: [{
            name: 'Hysteresis',
            data: [{
                "x": 101.4,
                "y": 69.235,
                "marker": {
                    "fillColor": "#BF0B23"
                }
            }, {
                "x": 101.23,
                "y": 69.24
            }, {
                "x": 101.03,
                "y": 69.24
            }, {
                "x": 100.82,
                "y": 69.22
            }, {
                "x": 100.61,
                "y": 69.21
            }, {
                "x": 100.41,
                "y": 69.21
            }, {
                "x": 99.95,
                "y": 69.19
            }, {
                "x": 99.96,
                "y": 69.19
            }, {
                "x": 100,
                "y": 69.14
            }, {
                "x": 100.03,
                "y": 69.1
            }, {
                "x": 100.04,
                "y": 69.1
            }, {
                "x": 100.09,
                "y": 69.085
            }, {
                "x": 100.15,
                "y": 69.08
            }, {
                "x": 100.08,
                "y": 69.135
            }, {
                "x": 100.03,
                "y": 69.095
            }, {
                "x": 100.06,
                "y": 69.07
            }, {
                "x": 100.1,
                "y": 69.07
            }, {
                "x": 100.25,
                "y": 69.045
            }, {
                "x": 100.18,
                "y": 69.105
            }, {
                "x": 102.82,
                "y": 68.925
            }, {
                "x": 102.52,
                "y": 68.89
            }, {
                "x": 102.2,
                "y": 68.86
      ...