Highchart Legend into another Element（div）

Question

我需要另一個我想用css/html創建風格的Highchart Legend。我發現這個話題的主題，但我不能得到它的工作和jsFiddle鏈接不工作了...

有人可以幫助我使此工作？ 請

這裏是我的jsfiddle鏈接 http://jsfiddle.net/chogger/j3xvg

這是我發現：

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

這到底是不是爲你工作？你用這個加載事件處理程序嗎？參見：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'); 
       }); 
      } 
     } 
    }, 
});