JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>

JavaScript

google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawVisualization);

      function drawVisualization() {
        // Some raw data (not necessarily accurate)
        var data = google.visualization.arrayToDataTable([
         ['DIA', 'META', 'REALIZADO'],
         ['1 ',  3.23,  4.35],
         ['2 ',  6.45,  8.69],
         ['3 ',  9.68,  13.12],
         ['4 ',  12.9,  17.05],
         ['5 ',  16.13, 21.39],
         ['6 ',  19.35, 25.65],
         ['7 ',  22.58, 30.12],
         ['8 ',  25.81, 34.49],
         ['9 ',  29.03, 38.85],
         ['10',  32.26, 0.00],
         ['11',  35.48, 0.00],
         ['12',  38.71, 0.00],
         ['13',  41.94, 0.00],
         ['14',  45.16, 0.00],
         ['15',  48.39, 0.00],
         ['16',  51.61, 0.00],
         ['17',  54.84, 0.00],
         ['18',  58.06, 0.00],
         ['19',  61.29, 0.00],
         ['20',  64.52, 0.00],
         ['21',  67.74, 0.00],
         ['22',  70.97, 0.00],
         ['23',  74.19, 0.00],
         ['24',  77.42, 0.00],
         ['25',  80.65, 0.00],
         ['26',  83.87, 0.00],
         ['27',  87.1,  0.00],
         ['28',  90.32, 0.00],
         ['29',  93.55, 0.00],
         ['30',  96.77, 0.00],
         ['31',  100,   0.00]
      ]);

    var options = {
      title : 'Monthly Coffee Production by Country',
      vAxis: {title: 'Cups'},
      hAxis: {title: 'Month'},
      seriesType: 'bars',
      series: {0: {type: 'line'}}
    };

    var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }