Highchart Legend na inny element (div)

Question

Potrzebuję kolejnej legendy Highchart, którą chcę stylizować za pomocą css/html. Znalazłem temat na ten temat, ale nie mogę go uruchomić, a jsFiddle Link już nie działa ...

Czy ktoś może mi pomóc, aby to zadziałało? Proszę

Oto moja jsfiddle link http://jsfiddle.net/chogger/j3xvg

To co znalazłem:

$(chart.series).each(function(i, serie){ 
$('<li style="color: '+serie.color+'">'+serie.name+'</li>').click(function(){ 
    serie.visible ? serie.hide() : serie.show(); 
}).appendTo('#legend') 

})

Answer 1

Co dokładnie nie działa dla Ciebie? Czy używasz do tego obsługi zdarzenia ładowania? Zobacz: http://jsfiddle.net/j3xvg/1/

chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container', 
     defaultSeriesType: 'line', 
     marginRight: 50, 
     marginBottom: 175, 
     events: { 
      load: function() { 
       var chart = this; 
       $(chart.series).each(function (i, serie) { 
        $('<li style="color: ' + serie.color + '">' + serie.name + '</li>').click(function() { 
         serie.visible ? serie.hide() : serie.show(); 
        }).appendTo('#legend'); 
       }); 
      } 
     } 
    }, 
});