highcharts - 一个标签用于多个系列

Question

我需要让一个标签负责多个系列数据。如这个小提琴http://jsfiddle.net/HHqGN/所示，我有两个系列：

test(bid)和test(ask)以及分别负责它们的两个标签。

我需要的是一个名为 test 而不是这两个标签来同时切换 serie 1 和 serie 2

小提琴的示例代码：

$(function() {

    // Create the chart
    $('#container').highcharts('StockChart', {


        rangeSelector : {
            enabled : false
        },

        legend : {
            enabled : true
        },

        series : [{
            name : 'test(bid)',
            data : [[1152057600000,57.00]
        }, {
            name : 'test(ask)',
            data : [[1152057600000,58.00]
        }]
    });

});

Answer 1

您可以通过showInLegend参数禁用在图例中显示第二个系列，然后使用legendItemClick显示/隐藏两个系列

http://jsfiddle.net/HHqGN/1/

legendItemClick:function(){

                    $.each(this.chart.series,function(i,serie){
                        if(serie.visible)
                            serie.hide();
                        else
                            serie.show();
                    });

                    return false;
                }

Answer 2

如果有人正在寻找链接系列，请查看系列的linkedTo参数。根据定义：

linkedTo: StringSince 3.0

id要链接到的另一个系列。此外，该值可以是 ":previous"链接到以前的系列。当两个系列链接时，只有第一个出现在图例中。切换它的可见性也会切换链接的系列。

来源：http ://api.highcharts.com/highcharts