高图传奇进入另一个元素(div)

时间:2013-09-25 09:01:46

标签: highcharts legend

我需要另一个Highchart Legend,我想用css / html来设置样式。我找到了一个关于这个主题的主题,但我无法让它工作,而且jsFiddle Link不再起作用......

有人可以帮助我让这个工作吗? 请

这是我的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')

})

1 个答案:

答案 0 :(得分:9)

究竟什么不适合你?您是否正在使用加载事件处理程序?请参阅: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');
                });
            }
        }
    },
});