JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

  <div id="chartContainer" style="height: 300px; width: 100%;">
  </div>

JavaScript

window.onload = function () {
  var chart = new CanvasJS.Chart("chartContainer", {
    title:{
      text: "Multi-Series Line Chart"  
    },
    toolTip: {
      shared: true
    },
    data: [
      {        
        type: "line",
        dataPoints: [
          { x: 10, y: 21 },
          { x: 20, y: 25},
          { x: 30, y: 20 },
          { x: 40, y: 25 },
          { x: 50, y: 27 },
          { x: 60, y: 28 },
          { x: 70, y: 28 },
          { x: 80, y: 24 },
          { x: 90, y: 26}

        ]
      },
      {        
        type: "line",
        visible: false,
        toolTipContent: null,
        dataPoints: [
          { x: 10, y: 31 },
          { x: 20, y: 35},
          { x: 30, y: 30 },
          { x: 40, y: 35 },
          { x: 50, y: 35 },
          { x: 60, y: 38 },
          { x: 70, y: 38 },
          { x: 80, y: 34 },
          { x: 90, y: 44}

        ]
      },
      {        
        type: "line",
        dataPoints: [
          { x: 10, y: 45 },
          { x: 20, y: 50},
          { x: 30, y: 40 },
          { x: 40, y: 45 },
          { x: 50, y: 45 },
          { x: 60, y: 48 },
          { x: 70, y: 43 },
          { x: 80, y: 41 },
          { x: 90, y: 28}

        ]
      }
    ]
  });
  chart.render();
}