JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

google.charts.load('current', {callback: drawChart,packages: ['corechart']});
var googlecolors=['#3366cc','#dc3912','#ff9900','#109618','#990099','#0099c6','#dd4477'];

function drawChart()
{
  var data = new google.visualization.arrayToDataTable([
    ['label', 'value'],
    ['Egypt', 200],
    ['UK', 300],
    ['USA', 400],
    ['Pa', 100]
  ]);
  var c = data.addColumn({type: 'string', role: 'style'});
  for(var r=0,rows=data.getNumberOfRows();r<rows;r++) data.setValue(r,c,googlecolors[r]);
  
  var chartCol = new google.visualization.ColumnChart(document.getElementById('col'));

  var view = new google.visualization.DataView(data);
  view.setColumns([0,1,{sourceColumn:1,role:"annotation"},2]);
  
  chartCol.draw(view,{legend:{position:'none'}});
}