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", {
    data: [              
      {
        type: "line",
        indexLabel: "\u2800\u2800{y}  \u2800",
        indexLabelMaxWidth: 20,
        indexLabelTextAlign: "center",
        dataPoints: [
          { label: "apple",  y: 99  },
          { label: "orange", y: 99  },
          { label: "banana", y: 99  },
          { label: "mango",  y: 99  },
          { label: "grape",  y: 9, indexLabel: "\u2800{y} \u2800",  }
        ]
      }
    ]
  });
  chart.render();
}