JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/jquery.canvasjs.min.js"></script>
<div id="myChart" style="width:100%; height: 650px;"></div>

JavaScript

$("#myChart").CanvasJSChart({
  interactivityEnabled: true,
  zoomEnabled: false,
  toolTip:{
    fontFamily: "Open Sans, Arial",
    fontStyle: "normal"
  },
  legend: {
    fontFamily: "Open Sans, Arial",
    fontSize: 14,
    cursor: "pointer",
    itemclick: function(e) {
      var efficiencySeriesHandled = false, hideEfficiencySeries = false;
      for(var i = 0; i < e.chart.options.data.length; i++) {
        if(e.chart.options.data[i].groupName === "efficiency" && e.dataSeriesIndex === e.chart.data[i]._index) {
          hideEfficiencySeries = true;
        }
      }

      if(hideEfficiencySeries) {
        for(var i = 0; i < e.chart.options.data.length; i++) {
          if (typeof (e.chart.data[i].visible) === "undefined" || e.chart.data[i].visible && e.chart.options.data[i].groupName === "efficiency") {
            e.chart.options.data[i].visible = false;
            efficiencySeriesHandled = true;
          } else {
            e.chart.options.data[i].visible = true;
            efficiencySeriesHandled = true;
          }
        }
      }

      if(!efficiencySeriesHandled) {
        if (typeof (e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
          e.dataSeries.visible = false;
        } else {
          e.dataSeries.visible = true;
        }
      }
      e.chart.render();
    }
  },
  axisX: {
    labelFontFamily: "Open Sans, Arial",
    labelFontSize: 14,
    title: "Flow Rate (GPM)",
    titleFontFamily: "Open Sans",
    titleFontSize: 18,
    titleFontColor: "#000000",
    gridThickness: 1,
    gridColor: "#dddddd",
    stripLines:[
      {
        value:16.9985,
        color:"#c6d7e9",
        thickness: 2
      },{
        value:24.9985,
        color:"#c6d7e9",
        thickness: 2
      },{
        value:30.9985,
        color:"#c6d7e9",
        thickness: 2
      }, {
        value:34.9985,
        color:"#c6d7e9",
        thickness: 2
      },{
        value:36.9985,
        color:"#c6d7e9",
        thickness: 2
     ...