Show Row Plot on Mouse Hover

[johnmwallace89]

Hi,

I have a table such as the below. What I want to do is show a plot the respective row when I click on one of the names ie. “Fella1″ for example.

I’ve been trying my best but can’t figure it out. Any pointers in the right direction would be appreciated.

Thanks!

<table name=”mytable” id=”mytable1″>
<tr>
<th width=”45px” class=”sorttable_numeric”>Name</th>
<th width=”45px” class=”sorttable_numeric”>fPoints</th>
<th width=”35px” class=”sorttable_numeric”>xPoints</th>
<th width=”35px” class=”sorttable_numeric”>Points</th>
</tr>
<tr>
<td class=”nTotal”>Fella1</td>
<td class=”fTotal”>2.83</td>
<td class=”xTotal”>3.34</td>
<td class=”Total”>3</td>
</tr>
<tr>
<td class=”nTotal”> Fella3</td>
<td class=”fTotal”>3.56</td>
<td class=”xTotal”> 2.8</td>
<td class=”Total”> 7</td>
</tr>
<tr class=txtMult>
<td class=”nTotal”>Fella3</td>
<td class=”fTotal”>0.73</td>
<td class=”xTotal”> 1.00</td>
<td class=”Total”> 11</td>
</tr>
</table>

[Priyanka M S]

@johnmwallace89,

Please take a look at this JSFiddle.

__
Priyanka M S
Team CanvasJS