JSFiddle - React, Tailwind, and code Playground

by JoeKuan

HTML

<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
    <script type="text/javascript" src="http://code.highcharts.com/highcharts-more.js"></script>
    <script type="text/javascript" src="http://code.highcharts.com/modules/solid-gauge.js"></script>
	<body>
  <div>
    <div id="container"></div>
  </div>
	</body>

JavaScript

$(document).ready(function() {
	document.title = "Highcharts " + Highcharts.version;
	var chart;
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'solidgauge'
            },
            title: {
                text: 'Solid Gauge Speedometer'
            },
            pane: {
                size: '90%',
                background: {
                    innerRadius: "70%",
                    outerRadius: "100%",
                }
            },

            // the value axis
            yAxis: {
                min: 0,
                max: 200,
                title: {
                    text: 'Speed'
                }
            },

            series: [{
                data: [40],
                dataLabels: {
                    enabled: false
                }
            }]

        });

    });