Set min value for dataPoints having least value - CanvasJS JavaScript Charts
Set min value for dataPoints having least value - CanvasJS JavaScript Charts
by canvasjs
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: 360px; width: 100%;"></div>
JavaScript
var chart = new CanvasJS.Chart("chartContainer", {
data: [
{
type: "column",
dataPoints: [
{ label: "Apple", y: 658 },
{ label: "Orange", y: 200 },
{ label: "Banana", y: 900 },
{ label: "Mango", y: 1 },
{ label: "Grape", y: 3 }
]
}
]
});
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();
}