Highchart Legend in ein anderes Element (div)

Question

ich brauche eine andere Highchart Legende, die ich mit CSS/HTML stylen möchten. Ich fand ein Thema mit diesem Thema, aber ich kann es nicht zur Arbeit kommen und die jsFiddle Verbindung funktioniert nicht mehr ...

Kann mir jemand helfen, diese Funktion zu erhalten? Bitte

Hier ist meine jsfiddle Link- http://jsfiddle.net/chogger/j3xvg

Dies ist, was ich gefunden habe:

$(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

Was genau nicht für Sie arbeiten? Verwenden Sie den Load-Ereignishandler dafür? Siehe: 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'); 
       }); 
      } 
     } 
    }, 
});