2012-03-11 14 views
11

से गतिशील रूप से ग्राफिक पेड़-दृश्य उत्पन्न करता है, मैं आवेदक में उपयोगकर्ता कनेक्शन का प्रतिनिधित्व करने के लिए गतिशील रूप से वृक्ष-दृश्य उत्पन्न करना चाहता हूं लेकिन मैं नहीं चाहता कि यह सामान्य पेड़-दृश्य जैसा दिखता हो (ऐसा लगता है इस तरह फाइल सिस्टम संरचना):JQuery - डेटा

enter image description here

लेकिन अधिक इस तरह एक प्रवाह चार्ट की तरह:

enter image description here

तो बुनियादी तौर पर मैं एक पेड़-व्यू की तुलना में अधिक रेखांकन यह प्रदर्शित करना चाहते हैं और अगर संभव हो तो - ज़ूम इन और आउट करने में सक्षम होना।

यह कैसे प्राप्त किया जा सकता है? क्या आप इस तरह की चीज़ के लिए किसी भी (जेएस या jQuery) उपकरण के बारे में जानते हैं?

धन्यवाद

संपादित करें:

आदेश here're बिखरे पाने के लिए नहीं में उपकरण है कि वास्तव में क्या मैं के लिए llooking था

( m90 की मदद और Tats_innit के साथ) होने लगते हैं

thejit

d3.js

js-mindmap

jOrgChart

-

+1

शायद यह मदद करता है: http://stackoverflow.com/questions/1374149/jquery-mind-map-think-map – m90

+1

यह एक ट्यूटोरियल साइट नहीं है। क्या आपने अपनी अत्यंत उपयोगी टिप्पणी के लिए –

+1

धन्यवाद, चामिका सांडमल का धन्यवाद किया। मैंने लगभग एक दर्जन औजारों को देखा है, लेकिन उनमें से कोई भी ग्राफिक गुण नहीं है जिसे मैं ढूंढ रहा हूं। इसलिए मैंने सोचा कि यहां कोई ऐसा उपकरण ढूंढ सकता है। – levtatarov

उत्तर

5

(btw मैं thejit साथ अब के लिए जा रहा हूँ) यह है कि क्या आप के लिए देख रहे है - ट्री दृश्य बनाने के लिए प्लगइन:

[नीचे दिए गए लिंक]

http://jquery.bassistance.de/treeview/demo/

http://archive.plugins.jquery.com/project/treeview

http://docs.jquery.com/Plugins/Treeview/treeview

आह, प्रवाह संचित्र के लिए लगता है कि इसके बाद के संस्करण के लिए एक कड़ी की तरह कुछ प्लगइन हैं, लेकिन इस प्रयास करें:

http://code.google.com/p/js-mindmap/

आशा है कि यह मदद करता है, चियर्स,

+0

धन्यवाद, लेकिन ये आपके प्रश्न के लिए सादे पेड़-दृश्य उपकरण और प्लगइन्स – levtatarov

+0

+1 भी हैं; कृपया इसे आज़माएं, http://code.google.com/p/js-mindmap/ मैंने अपनी पोस्ट संपादित की है। यदि आप जीथब लिंक में मुझे पढ़ने के लिए अनुभाग में जाएंगे तो आपको डेमो पेज http: // केनेथ में ले जाएगा।kufluk.com/google/js-mindmap/, चीयर्स –

+0

धन्यवाद, मैं इसे देख लूंगा ... – levtatarov

3

आप उपयोग कर सकते हैं JsTree। JQuery UI के लिए बनाई गई tree component भी है।

+0

को आशाजनक लग रहा है जैसे मैंने अपने प्रश्न में छवियों के साथ प्रदर्शन करने की कोशिश की - मैं कुछ अलग ग्राफिकल- मानक पेड़-विचारों से बुद्धिमान। लेकिन धन्यवाद – levtatarov

संबंधित मुद्दे