Highcharts堆叠和分组列：在所有堆栈中共享标签

Question

我想创建一个堆叠和分组的柱形图，其中具有相同名称的标签控制所有组中所有关联堆栈中的数据。

示例（以及我希望实现的近似值）：http://jsfiddle.net/7760f4nv

series: [{
    name: 'John',
    data: [5, 3, 4, 7, 2],
    stack: 'night'
}, {
    name: 'John',
    data: [3, 4, 4, 2, 5],
    stack: 'day'
}, {
    name: 'Joe',
    data: [2, 5, 6, 2, 1],
    stack: 'night'
}, {
    name: 'Joe',
    data: [3, 0, 4, 4, 3],
    stack: 'day'
}]

对于这样配置的系列，图例最终会有两个“John”标签和两个“Joe”标签。每个标签激活/停用所有组中的“John”/“Joe”系列，但分别在每个堆栈中。

在最终解决方案中，应该只有一个标签“John”和一个标签“Joe”同时控制所有组和堆栈中的相关系列。编辑：如果我点击“John”按钮，它应该看起来像在小提琴中的两个“约翰”系列的停用。现在应该隐藏所有堆栈的“上层”。

我可能错过了一些高图设置吗？谢谢！

Answer 1

如果我理解正确，您需要的是linkedTo属性。

示例：

• http://jsfiddle.net/7760f4nv/1/

参考：

• http://api.highcharts.com/highcharts#plotOptions.series.linkedTo

Answer 2

其他解决方案，基于隐藏图例项并覆盖legendItemClick行为。

见这里：https://stackoverflow.com/a/31029535/461499