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_anzahl" ></div>

JavaScript

google.charts.load('current', {'packages':['bar']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Runde', 'Deutschland 2014', 'Deutschland 2015', 'Berlin 2014', 'Berlin 2015'],
          ['1. Runde', 206, 249, 84, 112],
          ['2. Runde', 90, 113, 38, 57],
          ['3. Runde', 33, 35, 19, 15],
          ['4. Runde', 7, 9, 2, 3],
          ['Expansion', 41, 49, 19, 24],
        ]);
      var options = {
          vAxis: {title: '', position: 'false'},
          isStacked: true,
          legend: { position: 'true, top' },
          chartArea: {width: '30%', left: 150, height: 300},
          height: 500,
          colors: ['#990099', '#0099c6', '#3366cc', '#dd4477'],
          chart: {
          title: 'Anzahl der VC-Investitionen',
          subtitle: 'in Deutschland und Berlin 2014 / 2015',
          vAxis: {title: 'Investitionen in Euro'},
          isStacked: true,
          width: '100%', 
          }
        };
      
      
        var chart = new google.charts.Bar(document.getElementById('chart_anzahl'));
        chart.draw(data, options);
      }