DC.js - कॉर्डिनेटग्रिडिक्स

कोऑर्डिनेट एंड एक्सिस भी कहा जाता है coordinateGridMixin कोआर्डिनेट ग्रिड आधारित कंक्रीट चार्ट के कई प्रकार जैसे बार चार्ट, लाइन चार्ट, आदि का समर्थन करने के लिए डिज़ाइन किया गया है। निर्देशांक के पदानुक्रम को नीचे दिए आरेख में परिभाषित किया गया है।

निर्देशांक को बनाने में निर्देशांक को कम करने के लिए ordinateGridMixin कई तरीकों का समर्थन करता है और वे इस प्रकार हैं -

ब्रशऑन ([ब्रशऑन])
चार्टबॉडी ([शरीर])
क्लिपपैडिंग ([पैड])
इलास्टिक x ([X])
फोकस ([रेंज])
जी ([रूट])
isOrdinal()
माउसज़ूमेबल ([ज़ूम])
रेंजक्रैट ([रेंज])
round(r)
xAxisMax()
xAxisMin()
xUnitCount()

आइए हम इनमें से प्रत्येक तरीके पर संक्षेप में चर्चा करें।

ब्रशऑन ([ब्रशऑन])

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

chart.brushOn = function (brushOn) {
   if (!arguments.length) {
      return _brushOn;
   }
   _brushOn = brushOn;
   return chart;
};

चार्टबॉडी ([शरीर])

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

chart.chartBodyG = function (body) {
   if (!arguments.length) {
      return _chartBodyG;
   }
};

क्लिपपैडिंग ([पैड])

इसका उपयोग क्लिप पथ के लिए पिक्सेल में पैडिंग प्राप्त करने या सेट करने के लिए किया जाता है। यह नीचे परिभाषित किया गया है -

chart.clipPadding = function (pad) {
   if (!arguments.length) {
      return _clipPadding;
   }   
};

इलास्टिक x ([X])

इस पद्धति का उपयोग लोचदार x- अक्ष व्यवहार को चालू / बंद करने के लिए किया जाता है। यदि x- अक्ष लोच को चालू किया जाता है, तो ग्रिड चार्ट x- अक्ष श्रेणी को पुनर्गणना करने का प्रयास करेगा। यह एक redraw घटना चलाता है जो नीचे परिभाषित की गई है -

chart.elasticX = function (X) {
   if (!arguments.length) {
      return _x;
   }
}

इसी तरह, आप लोचपूर्ण प्रदर्शन कर सकते हैं ([Y])।

फोकस ([रेंज])

इस पद्धति का उपयोग दिए गए रेंज पर ध्यान केंद्रित करने के लिए चार्ट को ज़ूम करने के लिए किया जाता है। दी गई सीमा केवल दो तत्वों ([प्रारंभ, अंत]) वाले एक सरणी होनी चाहिए।

जी ([रूट])

इस विधि का उपयोग रूट g तत्व को प्राप्त करने या सेट करने के लिए किया जाता है।

isOrdinal ()

चार्ट ऑर्डिनल xUnits को वापस करने के लिए इस विधि का उपयोग किया जाता है। अधिकांश चार्ट्स आर्डिनल डेटा के साथ अलग तरह से व्यवहार करते हैं और उचित तर्क को ट्रिगर करने के लिए इस पद्धति के परिणाम का उपयोग करते हैं।

माउसज़ूमेबल ([ज़ूम])

इस विधि का उपयोग माउस ज़ूम क्षमता को सेट या प्राप्त करने के लिए किया जाता है।

रेंजक्रैट ([रेंज])

इसका उपयोग उदाहरण के साथ जुड़े रेंज चयन चार्ट को प्राप्त करने या सेट करने के लिए किया जाता है।

दौर (आर)

ब्रश करने में सक्षम होने पर चयन को निर्धारित करने के लिए राउंडिंग फ़ंक्शन को सेट करने या प्राप्त करने के लिए इस पद्धति का उपयोग किया जाता है।

xAxisMax ()

चार्ट में प्रदर्शित करने के लिए अधिकतम x मान की गणना करता है। इसी प्रकार, हम Y- अक्ष के लिए प्रदर्शन कर सकते हैं।

xAxisMin ()

चार्ट में प्रदर्शित करने के लिए न्यूनतम x मान की गणना करता है। इसी प्रकार, हम Y- अक्ष के लिए प्रदर्शन कर सकते हैं।

xUnitCount ()

एक्स-अक्ष पर प्रदर्शित इकाइयों की संख्या लौटाता है। इसी प्रकार, हम Y- अक्ष के लिए प्रदर्शन कर सकते हैं।