Google लाइन चार्ट ओवरलैपिंग टूलटिप

Question

मैंने Google चार्ट एपीआई का उपयोग करके एक ग्राफिंग एप्लिकेशन डिज़ाइन किया है। नीचे एक उदाहरण ग्राफ है जिसे मैं डेटा का उपयोग करके आकर्षित करता हूं। जैसा कि आप देख सकते हैं कि छवि में दो ग्राफ हैं। जब मैं ग्राफ पर होवर करता हूं तो प्रासंगिक डेटा के साथ एक टूल टिप दिखाई देती है! यह मानक बीटी समस्या है जब दो ग्राफ ओवरलैप होते हैं, मैं केवल उस ग्राफ के टूलटिप को देख सकता हूं जो सामने आ गया है! मैं टूल टिप को पहले ग्राफ के नीचे वाले ग्राफ से डेटा कैसे दिखा सकता हूं।

Answer 1

आप एक घटना श्रोता बना सकते हैं और एक ही समय में दोनों चार्ट के मूल्यों को पुनः प्राप्त करने और फिर उन्हें एक कस्टम टूलटिप में जोड़ने के लिए टिप्पणी में के रूप में यह सुझाव दिया गया था कर सकते हैं:

var chart = new google.visualization.ComboChart(document.getElementById("myChart"); 
    var listener = google.visualization.events.addListener(chart, 'onmouseover', function (e) { 
        console.log(e); 
        }); 

कि शुरू करने में आपकी मदद करनी चाहिए।

Answer 2

आप focusTarget से "category" पर सेट कर सकते हैं जो कि एक्स एक्स पर सभी श्रृंखला को हाइलाइट करेगा और उन्हें टूलटिप में दिखाएगा ताकि ओवरलैप डेटा बिंदु दोनों प्रदर्शित कर सकें। उस विकल्प पर अधिक देखें here।

आप परिणामों को कम करने के लिए वैकल्पिक रूप से add noise to the chart कर सकते हैं ताकि ओवरलैप ओवरलैप के रूप में प्रदर्शित न हों।