Legenda Highchart in un altro elemento (div)

Question

ho bisogno di un altro Highchart Legend che voglio stile con css/html. Ho trovato un argomento con questo argomento ma non riesco a farlo funzionare e il collegamento jsFiddle non funziona più ...

Qualcuno può aiutarmi a farlo funzionare? Si prega di

Ecco il mio link jsfiddle http://jsfiddle.net/chogger/j3xvg

Questo è quello che ho trovato:

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

Che cosa non funziona per voi? Stai usando load event handler per questo? Vedi: 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'); 
       }); 
      } 
     } 
    }, 
});