JSFiddle - React, Tailwind, and code Playground

by Rajan Paneru

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.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 () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'bubble',
            zoomType: 'xy'
        },
        plotOptions:{
            bubble:{
              allowPointSelect:true,
              marker: {
                lineColor:'',
                }
              }
            },
        series: [{
            data: [{
                x: 14,
                y: 78,
                z: 70
            },{
                x: 14,
                y: 70,
                z: 70
            },{
                x: 14,
                y: 68,
                z: 50
            },[20,20,20]]
        }]
    });
});