JSFiddle - React, Tailwind, and code Playground

by Walter Rumsby

HTML

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

JavaScript

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

function drawChart() {
	var data = google.visualization.arrayToDataTable([
  	['User', 'pass', 'fail', 'ignore'],
    ["Gayani Welikala",1,0,0],
    ["Alastair Ryall",7,0,2],
    ["Luke",2,0,0],
    ["Heinrich Pretorius",2,0,0]
  ]);

  var options = {
    //width: '100%',
    //height: '100%',
    legend: { position: 'top', maxLines: 3 },
    bar: { groupWidth: '75%' },
    isStacked: true
  };
  
  var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}