इसके माध्यम से साझा किया गया

GaugeChart नियंत्रण (पूर्वावलोकन)

  • आलेख

[यह आलेख रिलीज़-पूर्व दस्तावेज़ है और परिवर्तन के अधीन है.]

गेज चार्ट दो प्रकार के होते हैं: स्पीडोमीटर और रेटिंग मीटर।

गेजचार्ट नियंत्रण.

स्पीडोमीटर एक संख्यात्मक मान को संपूर्ण मान के विरुद्ध मापता है, जैसे भंडारण क्षमता। सुई एक वैकल्पिक घटक है। मापे जा रहे मान को दर्शाने वाले अनुभाग का रंग कुछ विशेष परिदृश्यों के अनुरूप या ब्रांडिंग रंगों के साथ संरेखित करने के लिए अनुकूलित किया जा सकता है।

रेटिंग मीटर कुछ पूर्वनिर्धारित श्रेणियों या खंडों के भीतर वर्तमान मूल्य की स्थिति दिखाता है। यहां सुई एक आवश्यक घटक है।

यह कोड घटक कैनवास और कस्टम पृष्ठों में उपयोग के लिए फ्लुएंट UI गेज चार्ट नियंत्रण के चारों ओर एक आवरण प्रदान करता है।

महत्त्वपूर्ण

  • यह एक पूर्वावलोकन सुविधा है.
  • पूर्वावलोकन सुविधाएँ उत्पादन में उपयोग के लिए नहीं होती हैं और इनकी कार्यक्षमता प्रतिबंधित हो सकती हैं. यह सुविधाएँ आधिकारिक रिलीज़ से पहले उपलब्ध होती हैं ताकि ग्राहक शीघ्र पहुँच प्राप्त कर सकें और प्रतिक्रिया प्रदान कर सकें.

नोट

पूर्ण दस्तावेज़ीकरण और स्रोत कोड के लिए, GitHub कोड घटक रिपॉजिटरी देखें। |

विशेषता

नियंत्रण निम्नलिखित गुण स्वीकार करता है:

  • शीर्षक - यह मान चार्ट का शीर्षक दर्शाता है।

  • उपलेबल - यह मान चार्ट के उपलेबल को दर्शाता है।

  • चार्टवैल्यू - यह मान गेज पर प्रदर्शित किए जाने वाले मान को दर्शाता है।

  • MinValue - यह मान गेज के न्यूनतम मान को दर्शाता है।

  • MaxValue - यह मान गेज के अधिकतम मान को दर्शाता है।

  • HideMinMax - यह मान दर्शाता है कि गेज पर न्यूनतम और अधिकतम मानों को छिपाना है या नहीं।

  • HideLegend - यह मान दर्शाता है कि गेज पर लेजेंड को छिपाना है या नहीं।

  • ChartValueFormat - यह मान चार्ट मान को Percentage या Fraction में दिखाने को दर्शाता है।

  • CustomColors - यदि उपलब्ध हो तो चार्ट पर कस्टम रंगों की अनुमति देने के लिए इस मान को सत्य पर सेट करें।

  • आइटम - प्रस्तुत करने के लिए क्रिया आइटम:

    • ItemLegend - विशेष चार्ट डेटा (आइटम) का प्रदर्शन नाम.
    • ItemSize - विशेष चार्ट डेटा (आइटम) का आकार.
    • ItemColor - विशेष चार्ट डेटा (आइटम) के लिए प्रदर्शित किए जाने वाले रंग का नाम या HEX मान सेट करें।

नोट

आइटम का रंग केवल तभी लागू होता है जब CustomColors गुण चालू हो.

पहुँच क्षमता

  • AccessibilityLabel - स्क्रीन रीडर aria-label.

उपयोग

स्पीडोमीटर

Itemsके लिए केवल एक पंक्ति की आवश्यकता है. लक्ष्य स्थिति को इंगित करने के लिए ChartValue का उपयोग करें.

Table(
    {
        ItemSize: 15,
        ItemColor: "#3483FA"
    }
)

रेटिंग मीटर

श्रेणियाँ Items संपत्ति के रूप में प्रदान करें. सभी ItemSize मानों का योग MinValue और MaxValue के बीच के अंतर का 100% होना चाहिए। वर्तमान स्थिति को इंगित करने के लिए ChartValue का प्रयोग करें।

Table(
    {
        ItemLegend: "Critical",
        ItemSize: 11,
        ItemColor: "#C50F1F"
    },
    {
        ItemLegend: "Warning",
        ItemSize: 25,
        ItemColor: "#F2610C"
    },
    {
        ItemLegend: "No risk",
        ItemSize: 30,
        ItemColor: "#107C10"
    }
)

सीमाएँ

इस कैनवास घटक का उपयोग केवल कैनवास ऐप और कस्टम पृष्ठों में ही किया जा सकता है.