Setting Minimum dataPoint height for Range Column Chart - CanvasJS JavaScript Charts

Setting Minimum dataPoint height for Range Column Chart - CanvasJS JavaScript Charts

by canvasjs

HTML

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

JavaScript

$(function () {
   var chart = new CanvasJS.Chart("chart_div", {
   		dataPointWidth: 100,
   		data: [{
      		type: "rangeColumn",
      		dataPoints: [
          		{label: 1, y : [22, 45]}, 
             	{label: 2, y : [33, 33]},
              {label: 3, y : [10, 60]}
          ]
   		}]
   });
   setMinimumWidth(chart);
   chart.render();
});

function setMinimumWidth(chart) {
  var minimumWidth = 1;
  var difference;

  for (var i = 0; i < chart.options.data[0].dataPoints.length; i++) {
    difference = chart.options.data[0].dataPoints[i].y[1] - chart.options.data[0].dataPoints[i].y[0];
    if (difference <= minimumWidth) {
      chart.options.data[0].dataPoints[i].originalValue2 = chart.options.data[0].dataPoints[i].y[0];
      chart.options.data[0].dataPoints[i].toolTipContent = "{x} : {y[0]}, {originalValue2}";
      chart.options.data[0].dataPoints[i].y[1] += minimumWidth;
    }
  }
}