JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['corechart']}]}"></script>
       <div id="chart_div" style="width: 900px; height: 500px;"></div>

JavaScript

google.setOnLoadCallback(drawVisualization);

function drawVisualization() {
  // Some raw data (not necessarily accurate)
  data = new google.visualization.DataTable();

	data.addColumn({ type : 'date', label : 'Day' });
	data.addColumn({ type : 'date', label : 'DayAnnotation', role : 'annotation' });
	data.addColumn({ type : 'number', label : 'Total' });
	data.addColumn({ type : 'number', label : 'Frete' });
	
	data.addRow([ new Date('2015-06-01'), new Date('2015-06-01T23:00'), 24974.46, 10871 ]);
	data.addRow([ new Date('2015-06-02'), new Date('2015-06-02T23:00'), 26075.61, 12485 ]);
	data.addRow([ new Date('2015-06-03'), new Date('2015-06-03T23:00'), 41915.09, 22489 ]);

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

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