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

Highcharts stacked and grouped columns: Share label across all stacks

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

示例(以及我想要实现的近似值):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"。每个标签 activates/deactivates 所有组中的 "John"/"Joe" 系列,但在每个堆栈中分开。

在最终的解决方案中,应该只有一个标签"John"和一个标签"Joe"同时控制所有组和堆栈中的关联系列。编辑: 如果我点击 "John" 按钮,它应该看起来像 fiddle 中的两个 "John" 系列停用后的样子。所有堆栈的 "upper level" 现在应该被隐藏。

是否有一些我可能错过的 highcharts 设置?谢谢!

如果我没理解错的话,你需要的是 linkedTo 属性.

示例:

参考:

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

看这里: