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..

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