Chart
ग्राफ़ और चार्ट प्रदर्शित करने के लिए तत्व
प्राथमिक विन्यास:
Model - चार्ट के लिए डेटा मॉडल।
Endpoint - चार्ट के लिए डेटा स्रोत।
Field X - केवल मॉडल निर्दिष्ट होने पर प्रारंभिक सेटिंग्स में दिखाया जाना है।
Field Y - केवल मॉडल निर्दिष्ट होने पर प्रारंभिक सेटिंग्स में दिखाया जाना है।
देखो और महसूस करो सेटिंग्स:
Title (अनिवार्य नहीं) - चार्ट शीर्षक।
Type size (अनिवार्य) - चार्ट प्रकार।
X axe caption (अनिवार्य नहीं) - एक्स-अक्ष शीर्षक।
Aggregate by (अनिवार्य नहीं) - तिथि के अनुसार क्रमबद्ध करें।
Y axe caption (अनिवार्य नहीं) - y-अक्ष शीर्षक।
Method (अनिवार्य नहीं) - गणना विधि।
Name (अनिवार्य) - चार्ट का नाम।
जानकारी:
इस खंड में, आप चार्ट अक्षों को नियंत्रित कर सकते हैं।
वर्कफ़्लो ट्रिगर:
- onCreate - पेज पर कंपोनेंट बनने पर फ़ायर होता है;
- onShow - जब घटक अपनी स्थिति को दृश्यमान (पृष्ठ पर प्रदर्शित) में बदलता है तो आग लगती है;
- onHide - जब घटक अपनी स्थिति को छिपे हुए में बदल देता है (प्रदर्शित होना बंद हो जाता है);
- onDestroy - जब घटक नष्ट हो जाता है तो आग लग जाती है;
- onDataUpdate - चार्ट अपडेट डेटा ब्लॉक द्वारा सक्रिय।
घटक क्रियाएँ:
Chart Get Properties:
चार्ट के गुण प्राप्त करता है
इनपुट पैरामीटर:
- Component Id [string] - चार्ट घटक का पहचानकर्ता।
आउटपुट पैरामीटर:
- Aggregate by [enum] द्वारा एकत्रित - तिथि के अनुसार एकत्रीकरण की चयनित विधि;
- Method [enum] - चयनित गिनती विधि;
- X axe caption [string] - एक्स-अक्ष शीर्षक;
- Y axe caption [string] - वाई-अक्ष शीर्षक;
- Visible [boolean] - दृश्यमान अवस्था;
- Loading [boolean] - लोडिंग की स्थिति।
Chart Set Properties:
चार्ट के गुण सेट करता है
इनपुट पैरामीटर:
- Component Id [string] - चार्ट घटक का पहचानकर्ता;
- Aggregate by [enum] द्वारा एकत्रित - तिथि के अनुसार एकत्रीकरण की चयनित विधि;
- Method [enum] - चयनित गिनती विधि;
- X axe caption [string] - एक्स-अक्ष शीर्षक;
- Y axe caption [string] - वाई-अक्ष शीर्षक;
- Visible [boolean ] - दृश्यमान अवस्था;
- Loading [boolean] - लोडिंग की स्थिति।
Chart Update Properties:
चार्ट के गुण अपडेट करें
इनपुट पैरामीटर:
- Component Id [string] - चार्ट घटक का पहचानकर्ता;
- Aggregate by [enum] द्वारा एकत्रित - तिथि के अनुसार एकत्रीकरण की चयनित विधि;
- Method [enum] - चयनित गिनती विधि;
- X axe caption [string] - एक्स-अक्ष शीर्षक;
- Y axe caption [string] - वाई-अक्ष शीर्षक;
- Visible [boolean ] - दृश्यमान अवस्था;
- Loading [boolean] - लोडिंग की स्थिति।
Chart Get Data
चार्ट से डेटा प्राप्त करता है
इनपुट पैरामीटर:
- Component Id [string] - घटक की पहचानकर्ता देखें।
आउटपुट पैरामीटर:
- Data [Data Model] - डेटा मॉडल तत्व का उपयोग किया जाना है। व्यवसाय प्रक्रिया में उपलब्ध जब घटक आईडी केवल निर्दिष्ट किया जाता है।
Chart Set Data
चार्ट के लिए डेटा सेट करता है
इनपुट पैरामीटर:
- Component Id [string] - चार्ट घटक का पहचानकर्ता।
- Data [Data Model] - डेटा मॉडल तत्व का उपयोग किया जाना है। व्यवसाय प्रक्रिया में उपलब्ध जब घटक आईडी केवल निर्दिष्ट किया जाता है।
Chart Update Data
चार्ट के लिए डेटा अपडेट करें
इनपुट पैरामीटर:
- Component Id [string] - चार्ट घटक का पहचानकर्ता।
- Data [Data Model] - डेटा मॉडल तत्व का उपयोग किया जाना है। व्यवसाय प्रक्रिया में उपलब्ध जब घटक आईडी केवल निर्दिष्ट किया जाता है।
उपयोग उदाहरण:
यह तत्व उनके बीच डेटा और संबंधों को प्रदर्शित करने के लिए उपयुक्त है। उदाहरण के लिए, दिनांक से आदेशों की संख्या