JSFiddle - React, Tailwind, and code Playground

by Pavan Rk

HTML

<body>
	<div id="chart" style="width: 700px; height: 600px"></div>
</body>

JavaScript

google.load("visualization", "1", {packages : ["corechart"]});
google.setOnLoadCallback(drawVisualization);

function drawVisualization() {
	var Mnam =[];
	var Mcount=[];
	var Status=[];
	var Pass =[];
	var Fail =[];
	var Pcount =0;
	var Fcount =0;
	var status=0;
	
	var Fcount[];
	var MMcount[];
	var SStatus[];


  	var chart= new google.visualization.ColumnChart(document.getElementById('chart'));
  
  var MMcount[0]=4;
	var MMcount[1]=3
	var SStatus[0]=2
	var SStatus[1]=1
	var Fcount[0]=Mcount[0]-SStatus[0];
	var Fcount[1]=Mcount[1]-SStatus[1];
  var data = google.visualization.arrayToDataTable();
  
  data.addColumn('number', 'Total');
  data.addColumn('number', 'Pass');
  data.addColumn('number', 'Fail');
  
  for(var i=0;i<2;i++){
	  data.addRow([MMcount[i],SStatus[i],Fcount[i]]);
  }


  chart.draw(data,
           {title:"Module Performance",
            width:600, height:400,
            vAxis: {title: "ModuleNames"}, isStacked: true,
            hAxis: {title: "%PASS-FAIL"}}
      );
}

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawVisualization);