JSFiddle - React, Tailwind, and code Playground

by Anil D

HTML

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<!-- 
<script src="https://rawgit.com/highslide-software/highcharts.com/b998165e606b70ab169c726835405e719647e7b4/js/highstock.src.js"></script>
--> 
<div id="container" style="width:810px;height: 400px; margin: 0 auto"></div>
<p>Click on Left Scroll Arrow to see the effect</p>
From: <input type="text" id="from" value=""/>
To: <input type="text" id="to" value=""/>
<button id="update">Set</button>

JavaScript

$(function () {
   var xAxisArray =...