JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 300px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
title: {
text: "Understanding Labels"
},
axisY: {
labelFontSize: 20,
labelFontColor: "dimGrey"
},
axisX: {
labelAngle: -30
},
data: [
{
indexLabel:"{y}",
type: "column",
indexLabelFontColor: "#5A5757",
indexLabelPlacement: "outside",
dataPoints: [
{ y: 1000, label: "Apples" },
{ y: 3, label: "Mangos" },

]
}
]
});

chart.render();
setMinValue();

function setMinValue(){
var range = chart.axisY[0].maximum - chart.axisY[0].minimum;
var minValue = range * 0.01;
for( var i = 0; i<chart.data.length; i++ )
  for( var j = 0; j<chart.data[i].dataPoints.length; j++)
    if(chart.data[i].dataPoints[j].y < minValue){
      chart.options.data[i].dataPoints[j].toolTipContent = chart.data[i].dataPoints[j].label +": "+ chart.data[i].dataPoints[j].y;
      chart.options.data[i].dataPoints[j].y = chart.options.data[i].dataPoints[j].y + minValue;
    }

chart.render();
}