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"  
    },
    data: [
      {      
        showInLegend: true,
        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}

        ]
      },
      {        
        showInLegend: true,
        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}

        ]
      },
      {        
        showInLegend: true,
        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}

        ]
      },
      {        
        showInLegend: true,
        dataPoints: [
          { x: 10, y: 71 },
          { x: 20, y: 55},
          { x: 30, y: 50 },
          { x: 40, y: 65 },
          { x: 50, y: 95 },
          { x: 60, y: 68 },
          { x: 70, y: 28 },
          { x: 80, y: 34 },
          { x: 90, y: 14}

        ]
      }
    ]
  });

  for(var i=0; i<chart.options.data.length; i++) {
    chart.options.data[i].mouseover =  highlightLegend;
    chart.options.data[i].mouseout =  dimLegend;
  } 

  chart.render();

  function highlightLegend(e) {
    for(var i=0; i<e.chart.options.data.length; i++) {
      if(i !== e.dataSeriesIndex)
        e.chart.options.data[i].legendMarkerColor = "grey";  
    } 

    e.chart.render();
  }
  function dimLegend(e) {
    for(var i=0;...