JSFiddle - React, Tailwind, and code Playground

by Pavan Rk

HTML

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

JavaScript

function chartLine(data,chart)
{
	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;
	
	
		   
		   $(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', '#FF0000' ],
							titleTextStyle : {
								fontSize : 40,
								bold : 'False',
								italic: 'True'
							},
							pointSize :10,
							vAxis : {
								title : '% OF FAIL COUNT',
								titleTextStyle : {
									fontSize : 22,
									italic:...