JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<head>
</head>
<body>


<div id="chart" style="max-width: 800px;margin: 20px auto;">
</div>
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
</body>
</html>

CSS

.apexcharts-tooltip {
  padding: 10px 10px;
  font-family: Arial;
  font-size: 0.8em;
  display: inline-block;
  background: #f3f3f3;
}

JavaScript

var options = {
          series: [{
          name: 'Benchmarking',
          data: [{
                    x: '21.36.0',
                    y: 100
                  }, {
                    x: '21.35.4',
                    y: 100
                  }, {
                    x: '21.35.3',
                    y: 100
                  }, {
                    x: '21.35.2',
                    y: 100
                }, {
                    x: '21.35.1',
                    y: 100
                }, {
                    x: '21.35.0',
                    y: 100
                  }, {
                    x: '21.34.5',
                    y: 100
                  }, {
                    x: '21.34.4',
                    y: 100
                  }, {
                    x: '21.34.3',
                    y: 100
                }, {
                    x: '21.34.2',
                    y: 100
                }, {
                    x: '21.34.1',
                    y: 100
                  }, {
                    x: '21.34.0',
                    y: 100
                  }, {
                    x: '21.33.4',
                    y: 100
                  }, {
                    x: '21.33.3',
                    y: 100
                }, {
                    x: '21.33.2',
                    y: 100
                }, {
                    x: '21.33.1',
                    y: 100
                  }, {
                    x: '21.33.0',
                    y: 100
                  }, {
                    x: '21.32.4',
                    y: 100
                  }, {
                    x: '21.32.3',
                    y: 100
                }, {
                    x: '21.32.2',
                    y: 100
                }, {
                    x: '21.32.1',
                    y: 100
                  }, {
                    x: '21.32.0',
                    y: 100
                  }
                ]
        },{
          name: 'Test suite A',
          data:...