गेज चार्ट: सिंगल-मेट्रिक स्थिति और थ्रेशोल्ड ट्रैकिंग

विकल्प = {
    टूलटिप: {
        प्रारूपक: '{a} 
{b} : {c}%'
    },
    श्रृंखला: [
        {
            नाम: 'सिस्टम स्वास्थ्य',
            प्रकार: 'गेज',
            प्रगति: {
                दिखाएं: सच
            },
            विवरण: {
                मूल्यएनिमेशन: सच,
                प्रारूपक: '{मूल्य}%'
            },
            डेटा: [
                {
                    मूल्य: 70,
                    नाम: 'CPU लोड'
                }
            ]
        }
    ]
};

विकल्प = {
    श्रृंखला: [
        {
            प्रकार: 'गेज',
            एक्सिसलाइन: {
                लाइनस्टाइल: {
                    चौड़ाई: 20,
                    रंग: [
                        [0.3, '#67c23a'], // 30% तक हरा
                        [0.7, '#e6a23c'], // 70% तक नारंगी
                        [1, '#f56c6c']    // 100% तक लाल
                    ]
                }
            },
            पॉइंटर: {
                आइटमस्टाइल: {
                    रंग: 'ऑटो'
                }
            },
            एक्सिसटिक: {
                दूरी: -20,
                लंबाई: 8,
                लाइनस्टाइल: {
                    रंग: '#fff',
                    चौड़ाई: 2
                }
            },
            स्प्लिटलाइन: {
                दूरी: -20,
                लंबाई: 20,
                लाइनस्टाइल: {
                    रंग: '#fff',
                    चौड़ाई: 4
                }
            },
            एक्सिसलेबल: {
                रंग: 'विरासत',
                दूरी: 25,
                फॉन्टसाइज: 14
            },
            डिटेल: {
                मानएनिमेशन: सच,
                फॉर्मेटर: '{मान} किमी/घंटा',
                रंग: 'विरासत'
            },
            डेटा: [
                {
                    मान: 80,
                    नाम: 'गति'
                }
            ]
        }
    ]
};

विकल्प = {
    श्रृंखला: [
        {
            प्रकार: 'गेज',
            स्टार्टएंगल: 180,
            एंडएंगल: 0,
            न्यूनतम: 0,
            अधिकतम: 100,
            स्प्लिटनंबर: 5,
            आइटमस्टाइल: {
                रंग: '#5470c6',
                छाया रंग: 'rgba(0,138,255,0.45)',
                छाया ब्लर: 10,
                छाया ऑफसेटएक्स: 2,
                छाया ऑफसेटवाई: 2
            },
            प्रगति: {
                दिखाएं: सच,
                राउंडकैप: सच,
                चौड़ाई: 18
            },
            पॉइंटर: {
                दिखाएं: गलत // साफ रिंग प्रदर्शन के लिए पॉइंटर सुई छिपाता है
            },
            एक्सिसलाइन: {
                राउंडकैप: सच,
                लाइनस्टाइल: {
                    चौड़ाई: 18
                }
            },
            एक्सिसटिक: { दिखाएं: गलत },
            स्प्लिटलाइन: { दिखाएं: गलत },
            एक्सिसलेबल: { दिखाएं: गलत },
            शीर्षक: {
                ऑफसेटसेंटर: [0, '20%'],
                फॉन्टसाइज: 14,
                रंग: '#666'
            },
            डिटेल: {
                ऑफसेटसेंटर: [0, '-10%'],
                मानएनिमेशन: सच,
                फॉर्मेटर: '{मान}%',
                फॉन्टसाइज: 32,
                वजन: 'बोल्ड',
                रंग: '#333'
            },
            डेटा: [
                {
                    मान: 78,
                    नाम: 'प्रोजेक्ट प्रगति'
                }
            ]
        }
    ]
};