JSFiddle - React, Tailwind, and code Playground

by Kesav Telaprolu

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 500px;width:900px"></div>

JavaScript

$(function(){
         var Input={
             'title':'(Price sensitivity measure - Line) Insert headline here ...',
              'subtitle':'Insert sub-headline here ...',
              'Plantext': 'Price sensitivity measure - Cascade current -Category Buyers ',
              'xaixsCategory':["$2.85","$3.05","$3.25","$3.45","$3.65","$3.85","$4.05","$4.25","$4.45","$4.65","$4.85","$5.05","$5.25","$5.45","$5.65","$5.85","$6.05","$6.25","$6.45","$6.65","$6.85","$7.05","$7.25","$7.45","$7.65","$7.85","$8.05","$8.25","$8.45","$8.65","$8.85"],
              'Cheap':[98.37225411,72.84286562,67.55887592,64.19948545,56.4516129,48.85216703,39.08569167,22.24915892,18.761132,15.66890956,14.22422323,13.08133782,3.779932713,2.874529982,2.56283396,2.56283396,2.56283396,2.56283396,2.56283396,2.112606372,1.543637443,1.241836533,0.855927172,0.855927172,0.559073818,0.559073818,0.559073818,0,0,0,0],
              'Expensive': [0,0.286958243,3.903621611,4.942608351,4.942608351,5.917276865,12.60637245,14.81792994,15.75796557,16.23293093,18.87987334,30.51652484,33.93033841,34.54383535,39.80803483,43.11794973,59.60815357,63.5661983,65.70354245,68.48406887,72.56580249,80.14545814,80.67484663,81.96121116,81.96121116,82.72808233,85.30575896,86.93350485,88.31387295,92.09380566,98.37225411],
              'TooCheap':[98.37225411,23.14466653,16.00534336,12.8586978,9.583415793,6.441717791,4.220265189,1.058776964,0.756976054,0.296853354,0.296853354,0.296853354,0.296853354,0.296853354,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
              'TooExpensive':[0,0,0.286958243,1.726697012,3.210963784,4.447852761,4.447852761,6.303186226,7.752820107,9.355828221,11.45853948,14.93172373,18.76607956,19.74074807,22.87255096,26.17257075,34.7961607,38.2742925,42.90025727,45.85889571,48.21393232,55.73916485,58.73243618,62.51731645,63.44745696,67.30655056,74.45082129,75.98456363,78.42370869,80.62042351,98.37225411]
         }
      $("#container").highcharts({
  chart: {
    marginTop: 120,
          events: {
  ...