Javascript Plotly.js悬停在多个子地块上

我有一个plotly.js图，其中有多个子图共享一个x轴，如中所示

我试图将鼠标悬停在所有子图上，以便同时显示具有相同x值的所有点的值

我试图通过在每个子批上调用Plotly.Fx.hover来解决这个问题，但它似乎只对调用它的最后一个子批有效。

我尝试的代码是：

Plotly.Fx.hover('myDiv', {xval: 2, curveNumber: 0}, "xy")
Plotly.Fx.hover('myDiv', {xval: 2, curveNumber: 1}, "xy2")

理想情况下，API可以在一次调用中实现这一点：

Plotly.Fx.hover('myDiv', [{xval: 2, curveNumber: 0, subplot: "xy"}, {xval: 2, curveNumber: 1, subplot: "xy2"}])

---

关于如何实现这一点，您有什么想法吗？

我知道这个问题很老了，但添加了以下功能：

对于多个子地块，还应添加轴标签阵列。 在这种情况下

['xy'，'x2y2'，'x3y3'，'x4y4']

---

通过这种方式，您可以为div中的子地块获得耦合的悬停事件

欢迎使用堆栈溢出！虽然这在理论上可以回答这个问题，但在这里包括答案的基本部分，并提供链接供参考。我得到

TypeError:graph.on不是一个函数

。

Plotly.plot('myDiv', data, layout);
graph = document.getElementById('myDiv');
graph.on('plotly_hover', function(eventdata) {
    if (eventdata.xvals) {
        Plotly.Fx.hover(graph, {
            xval: eventdata.xvals[0]
        }, ['xy', 'x2y2', 'x3y3', 'x4y4']);
    }
});