Google चार्ट्स टूलटिप फ्लिकरिंग

Question

Google चार्ट का उपयोग करते समय, कभी-कभी माउस पॉइंटर के पीछे टूलटिप दिखाई देता है, जिससे माउस घुमाए जाने पर झटके लगते हैं, यहां तक ​​कि थोड़ा सा भी।

क्या यह ज्ञात मुद्दा है?

Answer 1

हाँ, यह एक छोटे से बग है।

आप केवल अपने सीएसएस को यह जोड़ने की जरूरत:

svg > g > g:last-child { pointer-events: none } 

Answer 2

हाँ ऐसा लगता है कि अस्थिर एक खुला मुद्दा है।

https://github.com/google/google-visualization-issues/issues/2162

Answer 3

हाँ, तुम ठीक कह रहे, टूलटिप ट्रिगर क्षेत्र टूलटिप गायब हो जाते हैं जिससे है, जो, बारी में, ट्रिगर क्षेत्र को खोलता है और इसे फिर से प्रदर्शित करता है को शामिल किया गया और आगे और आगे।

मैं सीएसएस के माध्यम से टूलटिप कंटेनर को निशाना बनाने और की तरह तो गूगल सीएसएस कुछ अधिभावी द्वारा इसे हल:

div.google-visualization-tooltip { 

    padding: 0 !important; 
    margin: 0 !important; 
    border:none !important; 
    box-shadow: unset !important; 
    background-color: rgba(0,0,0,0) !important; 
    height:auto !important; 
    overflow:hidden !important; 

} 

यह माउस सूचक से दूर 1em के बारे में अपने HTML टूलटिप प्रदर्शित करना चाहिए और यह भी अनुमति देता है आप में से छुटकारा पाने के लिए मूल बदसूरत सफेद बॉक्स। कैलेंडर चार्ट पर मेरे लिए काम किया। यदि यह आपके मामले में काम नहीं करता है, तो आपको अपने चार्ट के टूलटिप कंटेनर का क्लास नाम पता करना होगा।

मुझे लगता है कि समस्या की जड़ यह है कि टूलटिप पॉइंटर के बहुत करीब दिखाया गया है, लेकिन यदि आप उस कंटेनर के मार्जिन और पैडिंग को हटाते हैं, तो यह इसे ठीक करता है।

आशा है कि आपके लिए काम करता है।

Answer 4

कि मेरे मामले में काम करता है

svg > g:last-child > g:last-child { pointer-events: none } 
div.google-visualization-tooltip { pointer-events: none }