JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
  title:{
    text: "Basic Column Chart"
  },
  axisX: {
  	labelFormatter: (e) => {
    	return e.label;
    }
  },
  data: [{				
    dataPoints: [
      { x: 2020, y: 71, label: "label 1" },
      { x: 2021, y: 55, label: "label 2" },
      { x: 2022, y: 50, label: "label 3" },
      { x: 2023, y: 65, label: "label 4" },
      { x: 2024, y: 95, label: "label 5" },
      { x: 2025, y: 68, label: "label 6" },
      { x: 2026, y: 28, label: "label 7" },
      { x: 2027, y: 34, label: "label 8" },
      { x: 2028, y: 14, label: "label 9" }
    ]
  }]
});

chart.render();