在多系列 Highcharts 图表中切换第二个窗格数据

Question

我想知道是否有人成功创建了带有第二个窗格的多系列 Highcharts (Highstock) 图表，它允许用户单击第一个窗格中的系列来切换第二个窗格中显示的数据窗格。一个例子是：

'goog' 和 'aapl' 的净值曲线显示在多系列图表的第一个窗格中。仅 'goog' 的交易量显示在下方第二个窗格中。如果在第一个窗格中选择 'aapl' 的净值曲线，则第二个窗格将切换到 'aapl' 交易量。

非常感谢！

Answer 1

我准备了一个演示，可以很好地指导如何通过单击主图表中的系列来实现另一个图表中 hide/show 系列的功能。

function hideSeries(current) {
  let series = chart1.series.find(s => s.name === current.name);

  if (series.visible) {
    series.hide();
  } else {
    series.show();
  }
}

Demo

这是你的想法吗？

在多系列 Highcharts 图表中切换第二个窗格数据

Toggling 2nd pane data within a Multiple Series Highcharts Chart

json

highcharts

pane