JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

var chart1 = new CanvasJS.Chart("chartContainer1", {
	title: {
  	text: "Chart with Auto-calculated Interval"
  },
  axisY: {
    valueFormatString: "#"
  },
  data: [
    {
      type: "column",
      dataPoints: [
      {"label":"Item A","y":2.0,"color":null,"itemId":143,"percent":""},
      {"label":"Item B","y":1.0,"color":null,"itemId":144,"percent":""},	 
      {"label":"Item C","y":1.0,"color":null,"itemId":138,"percent":""},
      {"label":"Item D","y":1.0,"color":null,"itemId":100,"percent":""},
      {"label":"Item E","y":1.0,"color":null,"itemId":123,"percent":""}
      ]
  }]
});

chart1.render();