<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title></title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="robots" content="noindex, nofollow">
  <meta name="googlebot" content="noindex, nofollow">
  <meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<body>
    <script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container"></div>


    <script type="text/javascript">//<![CDATA[


var options = {
  chart: {
    events: {
      load: function() {
        const chart = this,
          points = chart.series[0].data,
		  
          options = {
            dataLabels: {
              inside: false,
              style: {
                color: 'black'
              }
            }
          };

        points.forEach(function(point) {
          if (point.shapeArgs.height < 30) {
            point.update(options, false);
          }
        });

        chart.redraw();
      }
    }
  },
  series: [{
    dataLabels: {
      inside: true,
      enabled: true,
      style: {
        color: 'white'
      }
    },
    data: [2.03, 10, 88],
    type: 'bar'
  }]
}

const chart = Highcharts.chart('container', options);



  //]]></script>


</body>
</html>
