Google barchart don't display single horizontal bar when value is in the millions

Question

Barchart doesn’t show a single bar item when the value is in the millions. Can see this code snippet below in jsFiddle here https://jsfiddle.net/mharri117/zwycshvm/187/

HTML code

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="barChart"/>

Javascript code

 google.charts.load('current', {packages: ['corechart']});
  google.charts.setOnLoadCallback(drawChart);
  
  function drawChart() {
       var data = new google.visualization.DataTable();
        data.addColumn('string');
        data.addColumn('number');
        data.addColumn({ 'type': 'string', 'role': 'style' });
        data.addRows([
          ['name1',3442222,'color: #fcba03'],// This will not show the bar
          //['name2',34422,'color: #fcba03'],// uncomment this line and comment out line 11 and 
           everything works fine
        ]);

      // Instantiate and draw the chart.
      var chart = new google.visualization.BarChart(document.getElementById('barChart'));
      chart.draw(data, null);
    }