Highchart Legend thành một phần tử khác (div)

Question

tôi cần một Highchart Legend khác mà tôi muốn tạo kiểu với css/html. Tôi tìm thấy một chủ đề với chủ đề này nhưng tôi không thể làm cho nó hoạt động và liên kết jsFiddle không hoạt động nữa ...

Ai đó có thể giúp tôi làm việc này không? Hãy

Đây là jsfiddle Liên kết của tôi http://jsfiddle.net/chogger/j3xvg

Đây là những gì tôi thấy:

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

gì chính xác không làm việc cho bạn? Bạn đang sử dụng bộ xử lý sự kiện tải cho điều này? Xem: 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'); 
       }); 
      } 
     } 
    }, 
});