Highcharts,多层堆叠酒吧,共享传奇项目

时间:2014-05-19 15:16:15

标签: javascript highcharts

我有这组数据

                            Serie 1    Serie 2
Category 1     2005         20         10              
               2006         30         15
Category 2     2005         35         17
               2006         25         12

看到这个小提琴: http://jsfiddle.net/X4g4Q/

我已经检查了一些选项,例如提供系列ID以及LinkedTo http://api.highcharts.com/highcharts#plotOptions.bar.linkedTo

等内容

但我发现没有一种方法可以让多个堆叠的条形图“共享”一个图例项目(因此颜色)。我是否错误地格式化了数据,或者使用highcharts这是不可能的?

3 个答案:

答案 0 :(得分:3)

linkedTo选项允许您为n系列设置一个图例项。这不是系列颜色。如果您想使用相同的颜色,请直接为系列设置,请参阅:http://jsfiddle.net/6bgvz/

var colors = Highcharts.getOptions().colors; // get colors

// in options:

series: [{ 
    color: colors[0]
}, { 
    colors: colors[1]
} ... ]

答案 1 :(得分:2)

您可以隐藏图例中的两个系列(名称相同),捕捉legendItemClick并组合显示/隐藏动作。

events:{
                legendItemClick:function(){
                    var name = this.name,
                        series = this.chart.series;

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

                    return false;
                }
            },

http://jsfiddle.net/X4g4Q/3/

答案 2 :(得分:1)

也许是linkedTo:':previous',。看看这个fiddle