Graph value did not show up in the chrome browser

Hi there, I am using Javascript: pop up function to pop up bar chart on a new page to show the pointer of the student. My JS codes can run on IE and firefox but fail on chrome. Chrome give me the blank chart as shown below.

Chrome browser

IE and firefox browsers

I want to display the same thing as in IE and firefox in chrome as well. Below are the codes:

Codes of the main page (manage_student.php)


<tr bgcolor="#D6F5F5">
<td height="21" colspan="3">
<?php
$cgpa11=(($row_student['cgpa11']));
$cgpa12=(($row_student['cgpa12']));
$cgpa21=(($row_student['cgpa21']));
$cgpa22=(($row_student['cgpa22']));
$cgpa31=(($row_student['cgpa31']));
$cgpa32=(($row_student['cgpa32']));
$cgpa41=(($row_student['cgpa41']));
$cgpa42=(($row_student['cgpa42']));
$cgpa51=(($row_student['cgpa51']));
$cgpa52=(($row_student['cgpa52']));
?>
<strong><a href="javascript:popup('graph/graphbarcgpa.php?cgpa11=<?php echo $cgpa11;?>&amp;cgpa12=<?php echo $cgpa12;?>&amp;cgpa21=<?php echo $cgpa21;?>&amp;cgpa22=<?php echo $cgpa22;?>&amp;cgpa31=<?php echo $cgpa31;?>&amp;cgpa32=<?php echo $cgpa32;?>&amp;cgpa41=<?php echo $cgpa41;?>&amp;cgpa42=<?php echo $cgpa42;?>&amp;cgpa51=<?php echo $cgpa51;?>&amp;cgpa52=<?php echo $cgpa52;?>')" style="text-decoration:none; color: #004080;">&nbsp;&nbsp;&nbsp;<img src="image/b_view.gif" border="0" align="top" />&nbsp;&nbsp;<u>CGPA Graph</u></a></strong>
</td>
</tr>

Codes of the pop up page


<style type="text/css">
<!--
.style3{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #004080;
	font-weight: bold;
}
-->
</style>
<table width="615" border="0" align="center" cellpadding="1" cellspacing="0">
<tr>
<td height="20" colspan="17"></td>
</tr>
<tr align="left" valign="middle">
<td width="45" height="23">
<?php
$cgpa11=$_REQUEST['cgpa11'];
$cgpa12=$_REQUEST['cgpa12'];
$cgpa21=$_REQUEST['cgpa21'];
$cgpa22=$_REQUEST['cgpa22'];
$cgpa31=$_REQUEST['cgpa31'];
$cgpa32=$_REQUEST['cgpa32'];
$cgpa41=$_REQUEST['cgpa41'];
$cgpa42=$_REQUEST['cgpa42'];
$cgpa51=$_REQUEST['cgpa51'];
$cgpa52=$_REQUEST['cgpa52'];
?>
<?php
$cgpa11=((($cgpa11/4.00)*100)/100)*400;
$cgpa12=((($cgpa12/4.00)*100)/100)*400;
$cgpa21=((($cgpa21/4.00)*100)/100)*400;
$cgpa22=((($cgpa22/4.00)*100)/100)*400;
$cgpa31=((($cgpa31/4.00)*100)/100)*400;
$cgpa32=((($cgpa32/4.00)*100)/100)*400;
$cgpa41=((($cgpa41/4.00)*100)/100)*400;
$cgpa42=((($cgpa42/4.00)*100)/100)*400;
$cgpa51=((($cgpa51/4.00)*100)/100)*400;
$cgpa52=((($cgpa52/4.00)*100)/100)*400;
?>
</td>
<td height="23"></td>
<td height="23"></td>
<td height="23" colspan="10" align="center" bgcolor="#999999"><strong style="font-weight: bold; font-size: 14px; font-family: Verdana, Geneva, sans-serif; color: #FFF;">CGPA Performance Graph</strong></td>
<td height="23"></td>
<td width="48" height="23"></td>

</tr>
<tr align="left" valign="middle">
<td height="20" colspan="17"><strong style="color: #004080; font-weight: bold; font-size: 14px; font-family: Verdana, Geneva, sans-serif;">&nbsp;&nbsp;CGPA</strong></td>
</tr>
<tr>

<td width="45">
<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="37" height="15" align="center" valign="bottom"><span class="style3">4.0</span></td>
<td width="8" height="15" align="center" valign="bottom" background="../image/graphline0.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">3.5</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">3.0</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">2.5</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">2.0</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">1.5</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">1.0</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">0.5</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">0.0</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

</table>
</td>

<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" height="<?php echo $cgpa11;?>"></td>
</tr>
</table>
</td>

<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" height="<?php echo $cgpa12;?>"></td>
</tr>
</table>
</td>

<td width="15"></td>

<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" height="<?php echo $cgpa21;?>"></td>
</tr>
</table>
</td>

<td width="48" align="center" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" height="<?php echo $cgpa22;?>"></td>
</tr>
</table>
</td>

<td width="15"></td>

<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" height="<?php echo $cgpa31;?>"></td>
</tr>
</table>
</td>

<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" height="<?php echo $cgpa32;?>"></td>
</tr>
</table>
</td>

<td width="15"></td>

<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" height="<?php echo $cgpa41;?>"></td>
</tr>
</table>
</td>

<td width="48" align="center" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" height="<?php echo $cgpa42;?>"></td>
</tr>
</table>
</td>

<td width="15"></td>

<td width="48" align="center" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" height="<?php echo $cgpa51;?>"></td>
</tr>
</table>
</td>

<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" height="<?php echo $cgpa52;?>"></td>
</tr>
</table>
</td>
<!--
<td width="10">&nbsp;</td>
<td width="31" rowspan="4" align="left" valign="bottom"><br />&nbsp;<br /></td>
-->
</tr>

<tr align="center" valign="middle">
<td width="45" height="0.1"></td>
<td height="0.1" colspan="15" bgcolor="#000000"></td>
</tr>

<tr>
<td height="0.5" colspan="15"></td>
</tr>

<tr align="center" valign="middle">
<td width="45" height="15"></td>
<td height="15" bgcolor="#99CCCC"><div align="center"><strong class="style3">Sem I</strong></div></td>
<td height="15" bgcolor="#99CCCC"><strong class="style3">Sem II</strong></td>
<td width="15" height="15"></td>
<td height="15" bgcolor="#99CC99"><strong class="style3">Sem I</strong></td>
<td height="15" bgcolor="#99CC99"><strong class="style3">Sem II</strong></td>
<td height="15"></td>
<td height="15" bgcolor="#99CCCC"><strong class="style3">Sem I</strong></td>
<td height="15" bgcolor="#99CCCC"><strong class="style3">Sem II</strong></td>
<td height="15"></td>
<td height="15" bgcolor="#99CC99"><strong class="style3">Sem I</strong></td>
<td height="15" bgcolor="#99CC99"><strong class="style3">Sem II</strong></td>
<td height="15"></td>
<td height="15" bgcolor="#99CCCC"><strong class="style3">Sem I</strong></td>
<td width="48" height="15" bgcolor="#99CCCC"><strong class="style3">Sem II</strong></td>
</tr>

<tr align="center" valign="middle">
<td width="45" height="15"></td>
<td height="15" colspan="2" bgcolor="#99CCCC"><strong class="style3">Year 1</strong></td>
<td width="15" height="15"></td>
<td height="15" colspan="2" bgcolor="#99CC99"><strong class="style3">Year 2</strong></td>
<td height="15"></td>
<td height="15" colspan="2" bgcolor="#99CCCC"><strong class="style3">Year 3</strong></td>
<td height="15"></td>
<td height="15" colspan="2" bgcolor="#99CC99"><strong class="style3">Year 4</strong></td>
<td height="15"></td>
<td height="15" colspan="2" bgcolor="#99CCCC"><strong class="style3">Year 5</strong></td>
</tr>
</table>

Please guide. I need chrome to display as in IE and firefox.

My advise is to check if the values that your passing via GET method are being sent and received at the pop-up page.

For what i see, it’s a Graph that work server side, so, for making that stop working, it must be a data problem that’s not being sent correctly.

See you :cool: