JSFiddle - React, Tailwind, and code Playground

by Michel Penke

HTML

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

JavaScript

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

function drawBasic() {

      var data = google.visualization.arrayToDataTable([
          ['Unternehmen', 'Bekanntheit in Prozent', { role: 'style' }],
          ["Lieferando", 68, 'color: #47494F'],
          ["Lieferheld", 64, '#47494F'],
          ["Pizza.de", 46, '#47494F'],
          ["Foodora", 6, '#47494F']
      ]);

      var options = {
        title: 'Bekanntheit von Essens-Lieferdiensten',
        chartArea: {width: '80%', left: 80},
        width: '100%',
        legend: { position: 'none' },
        hAxis: { minValue: 0},
      };

      var chart = new google.visualization.BarChart(document.getElementById('chart_div'));

      chart.draw(data, options);
    }