将筛选器/搜索表链接到高图

Question

我有兴趣执行与以下Tableau示例类似的操作，但具有Highcharts多系列股票图表：

https://www.tableau.com/trial/tableau-software#reveal--2

最终，我还想在表格中添加图形，例如，根据获利能力，净收入可能是带有红色或绿色阴影的图标。

非常感谢任何建议/示例！

Answer 1

在Highcharts网站上，它看起来像是具有许多系列的常规折线图，这些系列按颜色分组。我创建了一个非常简单的类似示例，其中系列或颜色组在复选框按钮上隐藏/显示。

演示：https://jsfiddle.net/BlackLabel/pwan27hq/1/

tests.forEach(test => {
  test.addEventListener("click", function() {
    chart.series.forEach(s => {
      if (s.userOptions.id == this.id) {
        if (s.visible) {
          s.hide()
        } else {
          s.show()
        }
      }
    })
  })
})

您要做的就是设置样式，并使用数据创建HTML表。

如果您想从HTML表中获取数据，请参见以下示例：https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/column-parsed/

API：https://www.highcharts.com/docs/working-with-data/data-module