JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

window.onload = function () {
	var chart = new CanvasJS.Chart("chartContainer",
	{
		title: {
			text: "Custom Index Label"
		},
		data: [
		{
			dataPoints: [
				{ label: "Banana", y: 0 },
				{ label: "Orange", y: 29 },
				{ label: "Apple",  y: 40 },
				{ label: "Mango",  y: 34 },
				{ label: "Grape",  y: 24 }
			]
		}
		]
	});
	chart.render();
  addIndexLabelFormatterToChart(chart);
  
  function hideIndexLabelOnZero(e) {
  	return e.dataPoint.y !== 0 ? e.dataPoint.label + " " + e.dataPoint.y + " " + "kg": "" ;
  }
  
  function addIndexLabelFormatterToChart(chart) {
  	chart.data[0].set("indexLabelFormatter", hideIndexLabelOnZero);
  
  }
}