在两个不同的浏览器窗口中使用dc.js crossfilter交互两个不同的图形

interact between two different graphs in two different browser windows in dc.js crossfilter

本文关键字：两个 js crossfilter 交互图形 dc 浏览器窗口更新时间：2023-09-26

我已经创建了四个不同的dc.js可视化柱状图。此外，每个图形都有一个按钮，可以在新的浏览器窗口中打开特定的图形。为此，我为每个图形创建了单独的HTML文件。我想在两个不同窗口中打开的图形之间进行交互。这可能吗?如何?

谢谢!

window.opener将返回对打开它的窗口的窗口对象的引用。

在第一个窗口中，您可以为需要操作的任何对象留下一个全局引用(假设是var graphThing或window.graphThing)。然后，从原始窗口启动的窗口可以调用window.opener.graphThing来访问第一个窗口的graphThing。

要从打开子窗口的父窗口访问子窗口的属性(假设是全局var childGraphThing或window.childGraphThing)，您可以通过像这样打开子窗口来保持对子窗口的引用:

var childWindow = window.open('childGraph.html', 'blank_');

然后，你可以这样访问它的属性:

var childWindowGraphThing = childWindow.childGraphThing;