JSFiddle - React, Tailwind, and code Playground

HTML

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

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

JavaScript

window.onload = function() {
  var chart = new CanvasJS.Chart("chartContainer", {
    axisY: {
      labelFormatter: function() {
        return ""
      },
      reversed: true,
      minimum: 1,
      tickThickness: 0,
      gridThickness: 0,
      stripLines: []
    },
    data: [{
      type: "line",
      dataPoints: [{ label: "1", y: 2 }, { label: "2", y: 4 }, { label: "3", y: 1 }, { label: "4", y: 2 }]
    }]
  });
  chart.render();

  for (var i = 1; i <= chart.axisY[0].viewportMaximum; i += 2) {
    chart.options.axisY.stripLines.push({
      value: i,
      color: "black",
      label: i,
      labelPlacement: "outside",
      labelBackgroundColor: "transparent",
      labelFontColor: "black"
    })
  }
  chart.render();
}