Javascript Highcharts使用下拉选择而不是图例同步图表

我正在寻找一些帮助，将下面三个同步图表的自定义下拉列表连接到图表图例

基本上，我想连接3个下拉列表来控制每个图表的图例。这可能吗

看我的小提琴：

运动方向




选择趋势





选择过滤器

---

下面是我试图实现的一个示例—与指标类似：

您可以将元素的

数据值

属性设置为它们所表示的系列名称。像

option1

或

option2

这样的值几乎没有意义。这样，将系列与深入分析中的选项链接起来就容易多了：

Highcharts.each(charts, function(chart) {
    Highcharts.each(chart.series, function(s) {
        if (s.name === val) {
            if (s.visible) {
                s.hide();
            } else {
                s.show();
            }
        }
    });
});

现场演示：

---

API参考资料：

您面临什么问题？我看没有问题。请阅读。很抱歉造成混淆，我已经澄清了我的问题。我正在寻找同步3个图表，以控制页面顶部下拉列表中的图例。这显然是可能的，如您的示例所示。不过，要到达那里需要一些工作。你还没有问一个问题。在尝试同步下拉列表时，您面临的问题是什么？

Highcharts.each(charts, function(chart) {
    Highcharts.each(chart.series, function(s) {
        if (s.name === val) {
            if (s.visible) {
                s.hide();
            } else {
                s.show();
            }
        }
    });
});