ग्राफ़-विज़ चार्ट

   

इस दस्तावेज़ में, Chart API का इस्तेमाल करके ग्राफ़विज़ चार्ट बनाने का तरीका बताया गया है.

खास जानकारी

ग्राफ़विज़, कनेक्टिविटी ग्राफ़ को विज़ुअलाइज़ करने के लिए ओपन सोर्स टूल का एक पैकेज है. डीओटी भाषा और अपनी पसंद के लेआउट इंजन का इस्तेमाल करके, ग्राफ़विज़ ग्राफ़ बनाए जा सकते हैं.

ग्राफ़विज़ चार्ट में ज़रूरी पैरामीटर के अलग सेट का इस्तेमाल किया जा सकता है. इस्तेमाल किए जा सकने वाले पैरामीटर यहां दिए गए हैं:

पैरामीटर ज़रूरी है या ज़रूरी नहीं है ब्यौरा
cht=gv[:<opt_engine>] ज़रूरी है

ग्राफ़विज़ चार्ट के बारे में बताता है. इसके अलावा, आपके पास ग्राफ़विज़ इंजन चुनने का विकल्प भी है. अगर आपको लेआउट इंजन के बारे में बताना है, तो सेमीकोलन शामिल करें : <opt_engine> के लिए इनमें से कोई एक स्ट्रिंग डालें और उसके बारे में बताएं:

  • dot - डिफ़ॉल्ट इंजन
  • neato
  • twopi
  • circo
  • fdp

इन अलग-अलग इंजन के बारे में जानने के लिए, GraphViz की वेबसाइट देखें.
chs=<width>x<height> ज़रूरी नहीं है अगर आपने कोई साइज़ नहीं बताया, तो चार्ट का साइज़ अपने-आप तय हो जाएगा.
chl=<DOT_string> ज़रूरी है डीओटी भाषा के नोटेशन में ड्रॉ करने के लिए चार्ट. ग्राफ़विज़ की वेबसाइट पर DOT की भाषा का रेफ़रंस देखा जा सकता है.
chd इस्तेमाल नहीं किया गया ग्राफ़विज़ कोड इस मामले में असामान्य हैं, क्योंकि chd पैरामीटर को अनदेखा किया जाता है. इसे अपने यूआरएल में शामिल न करें.
chof=<output_format> ज़रूरी नहीं है चार्ट के लिए, आउटपुट फ़ॉर्मैट. पैरामीटर की जानकारी देखें और जानें कि कौनसे आउटपुट फ़ॉर्मैट काम करते हैं. chof=json तय करने पर, आपको एचटीएमएल इमेज मैप के तौर पर चार्ट का JSON फ़ॉर्मैट मिलेगा. इसका इस्तेमाल, चार्ट में लिंक जोड़ने या इंटरैक्टिविटी को करने के लिए किया जा सकता है. जानकारी के लिए, चार्ट में इमेज मैप बनाना देखें.
callback=<handling_function_name> ज़रूरी नहीं है अगर chof=json की जानकारी दी जाती है, तो लौटाए गए JSON के साथ कॉल करने के लिए एक फ़ंक्शन भी तय किया जा सकता है. इसमें चार्ट का इमेज मैप भी शामिल होता है. आपके फ़ंक्शन को एक ही JSON पैरामीटर स्वीकार करना होगा, जो कि चार्ट का JSON प्रतिनिधित्व होगा. इसके बाद, आपका पेज, चार्ट को रेंडर करने के लिए आपके चार्ट को <img> एलिमेंट के तौर पर तय कर सकता है. साथ ही, उसी यूआरएल को chof=json&callback=somefunc के साथ कॉल कर सकता है. साथ ही, उसमें somefunc() नाम का एक फ़ंक्शन शामिल किया जा सकता है जो दिए गए JSON को पार्स करेगा और लिंक या इंटरैक्टिविटी जोड़ेगा.

 

उदाहरण:

ब्यौरा उदाहरण

डॉट इंजन का उदाहरण (डिफ़ॉल्ट).

डॉट चार्ट
cht=gv
chl=digraph{A->B->C->A}
chs=150x150
इसी चार्ट का नीटो इंजन का उदाहरण. नीटो चार्ट
cht=gv:neato
chl=digraph{A->B->C->A}
chs=150x150
एक डॉट चार्ट, जिसका कोई साइज़ तय नहीं किया गया है. चार्ट का साइज़ अपने-आप तय हो जाता है. बिना किसी आकार वाला डॉट चार्ट
cht=gv
chl=graph{a--b--c;b--d}
ज़्यादा जटिल चार्ट. आकर्षक बिंदु चार्ट
cht=gv
chl=
  graph{C_0--H_0[type=s];C_0--H_1[type=s];C_0--H_2[type=s];C_0--C_1[type=s];C_1--H_3[type=s];C_1--H_4[type=s];C_1--H_5[type=s]}

यहां कुछ सुझाव दिए गए हैं और कुछ ऐसी सीमाएं दी गई हैं जिनके बारे में ज़्यादा जानकारी ग्राफ़विज़ चार्ट में दी गई है:

  • graph एट्रिब्यूट size का इस्तेमाल नहीं करना चाहिए. इसके बजाय, Chart API पैरामीटर chs का इस्तेमाल करें.
  • नोड की संख्या ज़्यादा से ज़्यादा 200 और किनारों के लिए ज़्यादा से ज़्यादा 400 हो सकती है.
  • एंटी-एलियासिंग, पारदर्शिता, और वैकल्पिक फ़ॉन्ट का इस्तेमाल नहीं किया जा सकता.
  • node एट्रिब्यूट image और shapefile के साथ काम नहीं किया जा सकता. इनके मौजूद होने पर गड़बड़ी दिखेगी.
  • graph एट्रिब्यूट ratio, margin, और pad का इस्तेमाल नहीं किया जा सकता. अगर ये एट्रिब्यूट मौजूद हैं, तो उन्हें अनदेखा कर दिया जाएगा.