title: External legend in Highcharts
body: <p>I want to create my own legend instead of using the Highcharts one. </p>
  
  <p>The idea is to show the series data in an external table and by clicking in one row, show or hide the series in the chart.</p>
  
  <p>Is this somehow possible with Highcharts? I couldn't find any way to relate an external element with a specific series. </p>
  
  <p><hr>
  <strong>Update</strong></p>
  
  <p>To illustrate it a bit better imagine that I want to create a legend like the one I did in this example:
  <a href="http://jsfiddle.net/msSr7/" rel="nofollow">http://jsfiddle.net/msSr7/</a></p>
  
  <p>Which is mainly like so:</p>
  
  <pre><code>&lt;div class="myLegend"&gt;My legend for serie 1 &lt;/div&gt;
  &lt;div class="myLegend"&gt;My legend for serie 1 &lt;/div&gt;
  </code></pre>