Plotly.js कई subplots

Question

मैं कई subplots कि https://plot.ly/javascript/subplots/#stacked-subplots-with-a-shared-x-axis

में मैं subplots के सभी भर में होवर करने के लिए कोशिश कर रहा हूँ के रूप में एक एक्स-अक्ष का हिस्सा के साथ एक plotly.js ग्राफ राशि भर में मंडराना, ताकि सभी के मूल्यों एक ही एक्स मान वाले बिंदुओं में से एक बार प्रदर्शित होते हैं।

मैंने प्रत्येक सबप्लॉट पर Plotly.Fx.hover को कॉल करके इसे हल करने का प्रयास किया है, लेकिन यह केवल अंतिम उप-स्पॉट के लिए प्रभावी लगता है जिस पर इसे कहा जाता है। http://codepen.io/john-soklaski/pen/adQwBa

कोड मैंने कोशिश की है:

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

कैसे को यह प्राप्त करने के लिए पर कोई विचार:

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

आदर्श रूप में एपीआई ऐसे मैं एक कॉल में ऐसा कर सकता है कि हो सकता है काम?

Answer 1

मैं देख रहा हूँ इस सवाल पुराना है, लेकिन इस कार्यक्षमता जोड़ा गया है: https://github.com/plotly/plotly.js/pull/301

Answer 2

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']); 
    } 
}); 

कई subplots के लिए भी अक्ष लेबल सरणी जोड़ें। इस मामले में

[ 'xy', 'x2y2', 'x3y3', 'x4y4']

इस तरह से आप एक div में subplots के लिए मंडराना घटनाओं मिलकर कर सकते हैं में