PieChart linking to table (High = Red, Medium = Yellow & Low = Green

PieChart linking to table (High = Red, Medium = Yellow & Low = Green

Here is my HTML code. I am trying to get the PieChar to link to the "Findings Table" so when the Severity column gets a High , Medium or low the chart builds from that..

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml"><head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>details</title>
  5. <link href="details.css" rel="stylesheet" type="text/css" />
  6. <script src="jquery-1.11.2.min.js"></script>
  7. <script type="text/javascript" src="PieChart.js"></script>
  8. </head>
  9. <body>
  10. <div class="container">
  11.   <div class="header"><a href="#"><img src="" alt="Insert Logo Here" name="Insert_logo" width="100%" height="191" id="Insert_logo" style="background-color: #8090AB; display:block;" /></a> 
  12.   <!-- end .header --></div>
  13.   <div class="content">
  14.     <div id="FileInfo">
  15.       <table width="1255" border="1">
  16.         <tr>
  17.           <th colspan="2" bgcolor="#3366CC" scope="col">Testing Data</th>
  18.         </tr>
  19.         <tr>
  20.           <td width="147" bgcolor="#99CCFF">Filename</td>
  21.           <td width="1079" bgcolor="#99CCFF">&nbsp;</td>
  22.         </tr>
  23.         <tr>
  24.           <td>Size(bytes)</td>
  25.           <td>&nbsp;</td>
  26.         </tr>
  27.         <tr>
  28.           <td bgcolor="#99CCFF">SHA1</td>
  29.           <td bgcolor="#99CCFF">&nbsp;</td>
  30.         </tr>
  31.         <tr>
  32.           <td bgcolor="#FFFFFF">SHA256</td>
  33.           <td bgcolor="#FFFFFF">&nbsp;</td>
  34.         </tr>
  35.         <tr>
  36.           <td bgcolor="#99CCFF">Test Date</td>
  37.           <td bgcolor="#99CCFF"><!-- #BeginDate format:Am1m -->April 27, 2015  18:06<!-- #EndDate --></td>
  38.         </tr>
  39.       </table>
  40.       <p>&nbsp;</p>
  41.     </div>
  42.     <table width="1245" height="292" border="0" align="center">
  43.       <tr>
  44.         <td width="816" height="286"><div id="PieChart"><table id="source">
  45. <thead>
  46. <tr>
  47. <th>Type</th>
  48. <th>Value</th>
  49. </tr>
  50. </thead>
  51. <tbody>
  52. <tr>
  53. <td class="pieChart" value="220">Red</td>
  54. <td>220</td>
  55. </tr>
  56. <tr>
  57. <td class="pieChart" value="105">Green</td>
  58. <td>105</td>
  59. </tr>
  60. <tr>
  61. <td class="pieChart" value="300">Yellow</td>
  62. <td>300</td>
  63. </tr>
  64. </tbody>
  65. </table></div></td>
  66.         <td width="419" valign="top"><table width="381" height="243" border="1">
  67.           <tr>
  68.             <th height="39" colspan="2" bgcolor="#FF0000" scope="col">Red Line Findings</th>
  69.           </tr>
  70.           <tr>
  71.             <td width="324" height="33">Stored Passwords</td>
  72.             <td width="41">&nbsp;</td>
  73.           </tr>
  74.           <tr>
  75.             <td height="37">Antivirus Signatures</td>
  76.             <td>&nbsp;</td>
  77.           </tr>
  78.           <tr>
  79.             <td height="29">National Vulnerability Database</td>
  80.             <td>&nbsp;</td>
  81.           </tr>
  82.           <tr>
  83.             <td height="29">Critical Dynamic Analysis Signatures</td>
  84.             <td>&nbsp;</td>
  85.           </tr>
  86.           <tr>
  87.             <td height="29">Critical Source Code Signatures</td>
  88.             <td>&nbsp;</td>
  89.           </tr>
  90.           <tr>
  91.             <td height="29">Remote TCP Connection</td>
  92.             <td>&nbsp;</td>
  93.           </tr>
  94.         </table></td>
  95.       </tr>
  96.     </table>
  97.     <p>&nbsp;</p>
  98.     <table width="796" border="1" align="center">
  99.       <tr>
  100.         <th colspan="4" bgcolor="#3366CC" scope="col">TCP Connection from a unknown vender Server.</th>
  101.       </tr>
  102.       <tr>
  103.         <td class="pieChart" width="167" bgcolor="#99CCFF">Source</td>
  104.         <td class="pieChart" width="136" bgcolor="#99CCFF">Source Port</td>
  105.         <td class="pieChart" width="211" bgcolor="#99CCFF">Destination</td>
  106.         <td class="pieChart" width="254" bgcolor="#99CCFF">Destination Port</td>
  107.       </tr>
  108.       <tr>
  109.         <td>&nbsp;</td>
  110.         <td>&nbsp;</td>
  111.         <td>&nbsp;</td>
  112.         <td>&nbsp;</td>
  113.       </tr>
  114.       <tr>
  115.         <td bgcolor="#99CCFF">&nbsp;</td>
  116.         <td bgcolor="#99CCFF">&nbsp;</td>
  117.         <td bgcolor="#99CCFF">&nbsp;</td>
  118.         <td bgcolor="#99CCFF">&nbsp;</td>
  119.       </tr>
  120.     </table>
  121.     <p>&nbsp;</p>
  122.     <table id="source" width="797" border="1" align="center">
  123.       <tr>
  124.         <th colspan="4" bgcolor="#3366CC" scope="col">Findings Report</th>
  125.       </tr>
  126.       <tr>
  127.         <td width="167" bgcolor="#99CCFF">Findings</td>
  128.         <td width="205" bgcolor="#99CCFF">Results</td>
  129.         <td width="172" bgcolor="#99CCFF">Description</td>
  130.         <td class="pieChart" width="225" bgcolor="#99CCFF"><p>Severity</p></td>
  131.       </tr>
  132.       <tr>
  133.         <td>&nbsp;</td>
  134.         <td>&nbsp;</td>
  135.         <td>&nbsp;</td>
  136.         <td>&nbsp;</td>
  137.       </tr>
  138.       <tr>
  139.         <td bgcolor="#99CCFF">&nbsp;</td>
  140.         <td bgcolor="#99CCFF">&nbsp;</td>
  141.         <td bgcolor="#99CCFF">&nbsp;</td>
  142.         <td bgcolor="#99CCFF">&nbsp;</td>
  143.       </tr>
  144.     </table>
  145.     <h1>&nbsp;</h1>
  146.     <!-- end .content --></div>
  147.   <div class="footer">
  148.     <p>Footer</p>
  149.     <!-- end .footer --></div>
  150. <!-- end .container --></div>
  151. </body>
  152. </html>