JSFiddle - React, Tailwind, and code Playground

by vaxilart

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/6.2.0/highcharts.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function() {
  Highcharts.chart(document.querySelector('#container'), {
    chart: {
      type: 'scatter'
    },
    plotOptions: {
      scatter: {
        lineWidth: 2
      }
    },
    series: [{
      name: 'Tokyo',
      data: [
        [1.5, 7],
        [2.3, 9],
        [4.2, 5.6]
      ]
    }, {
      name: 'New York',
      data: [
        [0.8, 9],
        [2.1, 6.3],
        [5.0, 10.1]
      ]
    }]
  });
});