JSFiddle - React, Tailwind, and code Playground

by Pavan Rk

HTML

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

JavaScript

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

	function drawChart() {
        var cycle= new Array(3);
	var modName= new Array();
	
	var i=0,j=0, modcount=0,cyclecount=0;
	
	var Fcount = 0;
	var total=0;
	var modList=[];
	i=1;
		var data = new google.visualization.DataTable();
		var chart = new google.visualization.LineChart(document
				.getElementById('piechart'));
		
		$(document).ready(function()
				   {
				    $(document).ready(function() {
			   $.ajax({
				   type : "GET",
				   url : "Chart.xml",
				   dataType : "xml",
				   success : function(xml) {
					   $(xml).find('Cycle').each(function() {
						   cycle[cyclecount] = $(this).attr('name');
						   
						   modcount=0;
						   modList[cyclecount]= new Array();
						   $(this).find('Modules').each(function() {
							   $(this).find('Module').each(function() {
								   modName[modcount]=$(this).attr('Name');
								   
								   total = $(this).attr('Executed');
								   Pcount = $(this).attr('Passed');
								   Fcount = $(this).attr('Failed');
								   
								   modList[cyclecount][modcount]=Math.round((Fcount*100)/total);
							
								   modcount++;
								   });
							   });
						   cyclecount++;
						   });

					    
					    data.addColumn('string', 'CycleName');
					    
					    var lastcycle=cycle.length-3;
					    
					    if (lastcycle<=0)
					    	lastcycle=0;
					    
					    for (var i =lastcycle ; i < cycle.length; ++i) {
					        data.addColumn('number', cycle[i]);
					    }
					    
					    for (var i = 0; i < modName.length; ++i) {
					        var row = [];
					        row.push(modName[i]);
					        for (var j = lastcycle; j < modList.length; ++j) {
					            row.push(modList[j][i]);
					        }
					       // console.log(row);
					        data.addRow(row);
					    }
						chart.draw(data, {
							title : 'Report of BUG TRENDS ',
							//colors : [ '#00CC33',...