मैं डीसीजे के लिए आउट ऑफ़ द बॉक्स टूलटिप्स को संशोधित करना चाहता हूं, और ऐसा लगता है कि d3.js tooltips का उपयोग करके this question में एक समाधान है। हालांकि, मैं इस बारे में उलझन में हूं कि इसे कैसे कार्यान्वित किया जाए ताकि टूलटिप को सभी लिंक किए गए ग्राफों के लिए dc.js डैशबोर्ड में संशोधित किया जा सके। गिटहब रेपो में उदाहरण व्यक्तिगत ग्राफ के लिए खुद को अच्छी तरह से उधार देते हैं, लेकिन मैं वर्तमान में छह लिंक किए गए ग्राफ के साथ काम कर रहा हूं और सभी ग्राफों पर टूलटिप्स को संशोधित करने की आवश्यकता है। किसी भी सहायता की सराहना की जाएगी।डी 3-टूलटिप्स एकाधिक लिंक किए गए डीसीजेजे चार्ट्स के लिए
उत्तर
यहाँ dc.js साथ d3.tip का उपयोग करने का एक अच्छा उदाहरण है:
http://saraquigley.github.io/uc-trends/
http://saraquigley.github.io/uc-trends/javascript/expenses_all.js
बातें मैं करना होगा अलग ढंग से कर रहे हैं
- selectAlls है कि शीर्ष-स्तर के बजाय
chart.renderlet(function(chart) { ... })
में युक्तियां (उसके कोड के अंत में) लागू करें, ताकि वे चार्ट में परिवर्तनों पर प्रतिक्रिया दें। - स्पष्टता के लिए
d3.selectAll
के बजायchart.selectAll
का उपयोग करें और यह सुनिश्चित करने के लिए कि आप केवल पृष्ठ के बजाय विशेष चार्ट में तत्वों का चयन कर रहे हैं।
वेब/उदाहरण या अक्सर पूछे जाने वाले प्रश्नों के लिए एक उदाहरण तैयार करने की उम्मीद है लेकिन अब एचटीएच।
उदाहरण में, यह पंक्ति चार्ट के लिए "g.row" का उपयोग करता है। लाइन चार्ट के लिए क्या उपयोग किया जाना चाहिए कोई विचार? धन्यवाद। – Wilson
स्रोत का प्रयोग करें, ल्यूक! https://github.com/dc-js/dc.js/blob/master/src/line-chart.js#L172 – Gordon
धन्यवाद। पाया कि मुझे d3.selectAll ('। Dot') का उपयोग करना चाहिए। कॉल (टिप); – Wilson
- 1. लिंक किए गए
- 2. लिंक किए गए सर्वर क्वेरीज़
- 3. लिंक किए गए सर्वर शून्य
- 4. स्थैतिक लिंक किए गए डीएलएल
- 5. पृष्ठभूमि-छवि: के लिए: गए लिंक गए?
- 6. एंड्रॉइड ऑनस्कोल स्क्रॉलव्यू के लिए स्क्रॉल किए गए एकाधिक टाइम्स
- 7. बूटस्ट्रैप और विज़िट किए गए लिंक
- 8. मजबूत टाइप किए गए गतिशील लिंक सॉर्टिंग
- 9. क्यूमेक परियोजना निर्भरता (लिंक किए गए पुस्तकालय)
- 10. OPENQUERY सीधे किसी लिंक किए गए तालिका
- 11. मजबूत टाइप किए गए लिंक फ़िल्टरिंग विधि
- 12. एसक्यूएल किसी लिंक किए गए सर्वर
- 13. विज़िट किए गए लिंक को रेखांकित करना
- 14. एक लिंक किए गए SQL सर्वर
- 15. गतिशील रूप से लोड किए गए लिंक
- 16. लिंक किए गए सर्वर पर टेबल बनाएं?
- 17. लिंक से एसक्यूएल, लिंक, टाइप किए गए डेटासेट्स, ADO.NET
- 18. एल्गोरिथ्म जल्दी से लिंक किए हुए एकाधिक सूचियों
- 19. विचित्र तत्वों के बाद भी लिंक किए गए लिस्ट को
- 20. किसी लिंक किए गए सर्वर और समानार्थी के बीच अंतर?
- 21. मैं एक लिंक किए गए ट्रीमैप को जीसन जेसनऑब्जेक्ट
- 22. टीमों के बीच साझा किए गए पुस्तकालयों के लिए एकल या एकाधिक गिट भंडार
- 23. लिंक किए गए काम किए गए आइटमों द्वारा टीएफएस कार्य आइटम क्वेरी?
- 24. एमएस चार्ट्स और जेडग्राफ के बीच तुलना?
- 25. लिंक एकाधिक एकाधिक जहां प्रश्न
- 26. System.Data.SQLite एकाधिक मानों के साथ पैरामीटर किए गए प्रश्न?
- 27. एमवीसी 6 मजबूत टाइप किए गए एक्शन लिंक और विचार
- 28. एक्सकोड: लिंक किए गए फ्रेमवर्क बनाम अन्य फ्रेमवर्क
- 29. टाइप किए गए टाइप किए गए कीवर्ड
- 30. एसक्यूएल सर्वर स्थानिक और लिंक किए गए सर्वर
क्या आपने [renderlet] (https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#renderletrenderletfunction) में युक्तियां जोड़ने का प्रयास किया है? आमतौर पर डी 3 जेनरेटेड सामग्री को पोस्ट-प्रोसेस करने के लिए यह सबसे अच्छी जगह है। ऐसा करने के लिए आपके पास प्रति चार्ट एक रेंडरलेट हो सकता है। – Gordon
अब रेंडरलेट कार्यक्षमता में देख रहे हैं। ऐसे तीन तरीके हैं जो ऐसा लगता है कि वे सभी उदाहरणों में होते हैं: '.call() ',' .on (' mouseover ')', और '.on ('माउसआउट') 'और मुझे पूरा यकीन नहीं है कि कैसे इन्हें रेंडरलेट फ़ंक्शन पर फ़ीड करें (या यदि मुझे आवश्यकता है)। – kylerthecreator