Grafana: टेम्प्लेट चर के साथ प्लेलिस्ट के लिए समर्थन

@costimuraru बहुत अच्छे सुझाव!

:+1: प्लेलिस्ट सुविधा को और अधिक उपयोगी बना देगा

:+1: इस सुविधा की आवश्यकता इसलिए है क्योंकि आपके पास अपने सभी ग्राफ़ को वहां रखने के लिए इतनी बड़ी स्क्रीन नहीं है।

:+1: वास्तव में, यह सुविधा हमारे जैसी परियोजनाओं के लिए बहुत अच्छी होगी जहां हमारे पास कई डैशबोर्ड हैं जिन्हें एक स्क्रीन में संकुचित किया जा सकता है।

यह वास्तव में बहुत उपयोगी लगता है, लेकिन प्रारंभ प्लेलिस्ट दृश्य में चर और समय सेटिंग्स को उजागर करने के लिए बहुत जटिल और समय लेने वाला भी है (और डैशबोर्ड लोड/चक्र पर उन सेटिंग्स और सेटअप चर आदि को संभालने के लिए तर्क लागू करना)। तो यह निश्चित रूप से एक ऐसी सुविधा होगी जिसे भविष्य में भी प्राथमिकता दी जाएगी लेकिन ऐसा कुछ नहीं जिसे v1.8 . के लिए निचोड़ा जा सके

धन्यवाद @torkelo और अच्छा काम करते रहो!

:+1: यह सुविधा होना बहुत अच्छा होगा

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

@ऋशिद हाँ, ?var-<variable_name>=value का उपयोग कर रहे हैं

+1, मुझे इस सुविधा अनुरोध में भी बहुत दिलचस्पी है

+1

+1

+1 टेम्पलेटिंग के साथ, यह एक जरूरी है।

पीआर बहुत जल्द आ रहा है ...

@कॉस्टिमुरारू मैंने एक वैरिएबल के लिए प्लेलिस्ट लागू की है, जो अब मल्टी वेरिएबल कॉम्बिनेशन पर काम कर रही है। क्रियान्वयन शीघ्र होना चाहिए। अलग समय सीमा का चयन करना इसके शीर्ष पर एक अपग्रेड सुविधा हो सकती है। इस पुनरावृत्ति के लिए, मैं सिर्फ टेम्पलेट चर संयोजन प्लेलिस्ट कर रहा हूं।

बहुत बढ़िया, @utkarshcmu !

यहां पीआर - #2841 और कुछ स्क्रीनशॉट हैं:

"टेम्पलेटिंग" पर जाएं और अब आपको बिल्कुल नया "प्लेलिस्ट" टैब देखने में सक्षम होना चाहिए:

प्लेलिस्ट टैब पर क्लिक करें और आपको सूचीबद्ध सभी चर के साथ निम्न स्क्रीन देखनी चाहिए।

मैंने 3 में से 2 वेरिएबल्स को चुना और "स्टार्ट" पर क्लिक किया। (इसका कारण मैंने 2 चुना है क्योंकि मैं तीसरे को स्थिर रखते हुए इन 2 चर के सभी संयोजनों को खेलना चाहता हूं। कृपया ध्यान दें: निश्चित चर उनके डिफ़ॉल्ट सहेजे गए मान प्राप्त करेंगे)।

अब आप देख सकते हैं कि मैंने पहले चर को स्थिर रखा है और एक प्लेलिस्ट दूसरे और तीसरे चर के सभी संभावित संयोजनों के साथ शुरू होगी।

यदि आवश्यक हो तो कृपया प्रतिक्रिया और परिवर्तन प्रदान करें।

बहुत बढ़िया @utkarshcmu

अच्छा काम! टेम्प्लेट सेटिंग में एक टैब के रूप में प्लेलिस्ट सुविधा होने के बारे में निश्चित नहीं है। पहले से ही एक प्लेलिस्ट दृश्य है, टेम्पलेट डैशबोर्ड के लिए प्लेलिस्ट बनाना उस दृश्य का हिस्सा होना चाहिए।

@torkelo से सहमत, मैं इसे प्लेलिस्ट दृश्य का हिस्सा

टेम्प्लेट वेरिएबल पर आधारित प्लेलिस्ट को अब प्लेलिस्ट व्यू से ट्रिगर किया जा सकता है। प्लेलिस्ट शुरू करने के लिए निम्नलिखित चरणों का पालन किया जाना चाहिए:

प्लेलिस्ट पर क्लिक करें:

आप प्लेलिस्ट प्रकार चुनने के अतिरिक्त विकल्प के साथ निम्नलिखित प्लेलिस्ट दृश्य देखेंगे:

सब कुछ डैशबोर्ड पर आधारित प्लेलिस्ट के लिए समान रूप से काम करता है।

अब टेम्प्लेट वैरिएबल पर आधारित प्लेलिस्ट के लिए, आपको ड्रॉपडाउन मेनू से "वेरिएबल" का चयन करना होगा:

फिर आप उस डैशबोर्ड की खोज करेंगे जिसके लिए आपको प्लेलिस्ट को उसके टेम्प्लेट वेरिएबल के आधार पर चलाने और उसे चुनने की आवश्यकता है:

एक बार जब आप डैशबोर्ड का चयन कर लेते हैं, तो स्वचालित रूप से टेम्पलेट चरों की सूची दिखाई देगी:

अब अगला कदम टेम्प्लेट वैरिएबल का चयन करना है जिसके साथ आप प्लेलिस्ट चलाना चाहते हैं, और स्टार्ट पर क्लिक करें:

और यहाँ आप टेम्पलेट चर के आधार पर प्लेलिस्ट के साथ जाते हैं:

मुझे बताएं कि आप लोग प्लेलिस्ट दृश्य में इस बदलाव के बारे में क्या सोचते हैं।

अच्छा लग रहा है

+1

+1, इस सुविधा के बारे में कोई खबर @utkarshcmu ?

@ इवांड्रो-पुर्तगाल मैंने ग्राफाना के लिए प्लेलिस्ट सुविधा लागू की लेकिन इसे पहले विलय नहीं किया गया था। मुझे लगता है कि अब मुझे कुछ काम फिर से करना होगा क्योंकि कोड बहुत बदल गया है।

@utkarshcmu ठीक है, मुझे इसके लिए आपके अंतिम कोड कहां मिल सकते हैं? मैं एक नज़र रखना चाहता हूं और मेरे लिए कुछ करने की कोशिश करता हूं, मेरे मामले में यह एक उच्च प्राथमिकता है और मुझे हर चक्र के अंत में चर को स्थिति बदलने की जरूरत है, तब तक मैं कुछ कर सकता हूं जब तक हमें आपकी शाखा नहीं मिल जाती विलय होना

@ एवांड्रो-पुर्तगाल
यहाँ पुराना कोड है:
कृपया मेरे ग्राफाना के कांटे पर जाएं - https://github.com/justforkit/grafana
और "वेरिएबल-प्लेलिस्ट" शाखा से ग्राफाना बनाने का प्रयास करें

@utkarshcmu , धन्यवाद, मैं कोड पर एक नज़र

@ इवांड्रो-पुर्तगाल ज़रूर, आगे बढ़ें और यदि आप चाहें तो फिर से काम करें। मैं यहां कम से कम एक हफ्ते के लिए इस पर काम करने की योजना नहीं बना रहा हूं। कार्निवल का आनंद लें। :)

@torkelo क्या इस सुविधा को कोर ग्राफाना में मिला दिया जा सकता है? यह एक ही डैशबोर्ड को विभिन्न टेम्पलेट चरों के साथ चलाने के लिए एक बहुत ही उपयोगी एन्हांसमेंट प्रतीत होता है।

साथ ही, अगर @bergquist / @torkelo इस सुविधा को मर्ज करने पर सहमत होते हैं, तो मैं अपने पिछले पीआर कोड पर फिर से काम कर सकता हूं ताकि इसे नवीनतम ग्राफाना कोड के साथ संगत बनाया जा सके।

@digrich आपका क्या मतलब है विलय? यह एक पीआर नहीं है :)

मैं @utkarshcmu के पुराने पीआर (#2841) को संदर्भित करने की कोशिश कर रहा था, लेकिन जैसा कि उन्होंने अपनी आखिरी टिप्पणी में उल्लेख किया था, उन्हें फिर से काम करना होगा और एक नया पीआर जमा करना होगा।

+1

हाय @torkelo । इस उपयोगी सुविधा की प्रतीक्षा करते हुए मैं किसी भी समाधान की तलाश करना चाहता हूं।

क्या स्क्रिप्टेड डैशबोर्ड के आधार पर प्लेलिस्ट जैसा कुछ बनाना संभव हो सकता है?

यह स्क्रिप्टेड डैशबोर्ड अन्य टेम्प्लेटेड डैशबोर्ड को लोड करने और किसी तरह से वेरिएबल पास करने में सक्षम होना चाहिए, शायद url से?

+1

क्या इसके बारे में कोई खबर दी गई है कि इसे आधा साल हो गया है?

कोई खबर नहीं :(

ऐसा लगता है कि मुझे इस सुविधा अनुरोध के लिए कुछ समय निकालना होगा!

+1

+1

+1

+1

चूंकि आप यूआरएल के माध्यम से चर पारित कर सकते हैं, मेरा अस्थायी समाधान यह सरल आईफ्रेम कैरोसेल/रोटेटर एचटीएमएल पेज है , जिसे मैं इसे ग्राफाना डैशबोर्ड कैरोसेल कहता हूं।

आपको केवल BASE_URL और dashboards_list सरणी निर्दिष्ट करने की आवश्यकता है, जिसमें वे डैशबोर्ड हैं जिन्हें आप प्रदर्शित करना चाहते हैं।

यह थोड़ा असंबंधित प्रश्न है, लेकिन क्या डैशबोर्ड पर "अगला"/"पिछला" होस्ट (या वास्तव में टेम्प्लेटेड वैरिएबल) बटन रखने का कोई तरीका है?
जब मैं ड्रॉपडाउन का उपयोग करके मेजबानों के पूरे सेट को मैन्युअल रूप से स्क्रॉल करना चाहता हूं तो यह बहुत बोझिल हो जाता है।

यहां कोई कार्रवाई? हमारे सभी डैशबोर्ड टेम्प्लेट किए गए हैं - इसलिए w/o टेम्प्लेट सुविधाओं/वर्स को पास करने की संभावनाएं प्लेलिस्ट सुविधा हमारे लिए काफी हद तक अनुपयोगी है।

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1, @utkarshcmu क्या आप अभी भी इस पर काम कर रहे हैं? यदि नहीं तो मैं इस पर एक वार करूंगा, लेकिन मैं ग्राफाना विकास के लिए काफी नया हूं

@thattolleyguy - आगे बढ़ो दोस्त, मैं अभी इस पर काम नहीं कर रहा हूं।

+1
डैशबोर्ड के रूप में एक सुझाव लंबा है, क्या हम ऑटो-स्क्रॉल भी कर सकते हैं। अन्यथा अधिकांश पैनल प्लेलिस्ट (टीवी पर) पर छिपे रहते हैं

+1

+1

+1

इस फीचर के बारे में कोई खबर?

यह काफी आश्चर्यजनक है कि ऐसा काम कूड़ेदान में चला गया।

मेरे पास इस पर काम करने का समय नहीं है। मैं ग्राफाना कोड से भी बहुत परिचित नहीं हूं, इसलिए यदि कोई और दिलचस्पी लेता है, तो इसे लेने में संकोच न करें। यदि नहीं, तो समय मिलने पर मैं इस पर वार करूंगा।

+1

+1

+1

@torkelo इसे आगामी रिलीज़ में

@davidkarlsen इस सुविधा के लिए कोई पुल अनुरोध नहीं है और हम बीटा में हैं इसलिए इसकी संभावना बहुत कम है। फ़ीचर अनुरोध तब तक लागू नहीं होते जब तक कि कोई उन पर काम न करे, और इस पर काम करने वाले किसी व्यक्ति से अवगत न हो।

आह - मैं थोड़ा तेज था - लगता है https://github.com/grafana/grafana/pull/2841 बहुत दूर मिल गया लेकिन फिर छोड़ दिया गया ;-(

+1

+1

+1

+1

+1

प्लेलिस्ट में डैशबोर्ड प्लस क्वेरी-स्ट्रिंग का उपयोग करने के बारे में क्या?
यह "स्वचालित रूप से" सभी वर्रों और समय-सीमा को जोड़ देगा।

मेरे उदाहरण में यह होगा
?orgId=1&var-DATACENTER=dc1&var-FQDN=All&from=now-2d&to=now

क्या हुआ...इसमें लगभग 4 साल लग जाते हैं और फीचर में मास्टर कोड नहीं जुड़ता...यह बहुत ही हास्यास्पद है

यह एक होना चाहिए!

+1

मुझे समझ में नहीं आता कि ऐसी सुविधा अभी भी जारी क्यों नहीं की गई है ....

+1

+1

इस सुविधा पर कोई प्रगति? इसका होना आवश्यक है। इसके बिना, कम से कम मेरे मामले में प्लेलिस्ट लगभग उतनी ही अच्छी हैं जितनी बेकार।

मैं यह सुविधा भी देखना चाहूंगा - वर्तमान में मुझे इसके लिए डैशबोर्ड की नकल करनी पड़ रही है

ऊपर की तरह ही, प्लेलिस्ट को प्रयोग करने योग्य बनाने के लिए मुझे कई स्क्रीन की नकल करनी पड़ी है। यह फीचर बहुत अच्छा होगा।

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

यह देखकर कि इस सुविधा में कितनी दिलचस्पी है, यह शर्म की बात है कि कोई प्रगति नहीं हो रही है।
@costimuraru @utkarshcmu , क्या आप इस अनुरोध की स्थिति जानते हैं? क्या हमें इस सुविधा की प्रतीक्षा करने पर विचार करना चाहिए, या हमें विकल्पों की तलाश करनी चाहिए?

केवल यह कहने के लिए कि हम वास्तव में इस सुविधा का भी विलय करना चाहेंगे!

मैं इसे इस महीने एक और कोशिश दूंगा!

यदि आपको पैराम के साथ एकाधिक डैशबोर्ड प्रदर्शित करने की आवश्यकता है तो एक समाधान आईफ्रेम में डैशबोर्ड प्रदर्शित करने वाली एक HTML फ़ाइल बनाना और उन्हें एक साधारण जेएस स्क्रिप्ट के साथ घुमाना है। यह वही है जो मैं अपने रास्पी पर ग्राफाना डैशबोर्ड को घुमाने के लिए उपयोग करता हूं।

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Grafana dashboard rotator</title>

    <style>
        #title {
            position: fixed;
            right: 20px;
            top: 10px;
            color: rgba(255, 0, 0, 0.5);
            background-color: rgba(0, 0, 0, 0.7);
            padding: 10px;
            font-weight: bold;
            font-size: 6em;
            font-family: sans-serif;
            margin: 0;
        }

        body,
        html {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            position: relative;
        }

        iframe {
            width: 100%;
            height: 100%;
            border: 0;
        }

        #timer {
            position: fixed;
            bottom: 10px;
            right: 20px;
            color: rgba(255, 0, 0, 0.5);
            background-color: rgba(0, 0, 0, 0.7);
            padding: 10px;
            font-weight: bold;
            font-size: 2em;
            font-family: sans-serif;
            margin: 0;
        }
    </style>
</head>

<body>

    <h1 id="title"></h1>
    <iframe x-name="SLA PROD EU" src="https://mygrafana.example.com/services-availability?orgId=1&var-ds=Graphite-EU&var-env=prod-eu&var-package=cds-red-bull-high-touch&var-service=All&refresh=30s&from=now-1h&to=now"></iframe>
    <iframe x-name="SLA PROD US" src="https://mygrafana.example.com/services-availability?services-availability?from=now-1h&orgId=1&refresh=30s&to=now&var-ds=Graphite&var-env=prod&var-package=cds-cds&var-service=All"></iframe>
    <iframe x-name="REQUESTS EU" src="https://mygrafana.example.com/services-details?orgId=1&from=now-24h&to=now&var-ds=Graphite-EU&var-env=prod-eu&var-service=All&refresh=30s"></iframe>

    <small id="timer"></small>
    <!-- ROUND ROBIN SCRIPT -->
    <script>

        ; (function (globals) {

            //UMD
            if (typeof define !== 'undefined' && define.amd) { //require.js / AMD
                define([], function () {
                    return rr
                })
            } else if (typeof module !== 'undefined' && module.exports) { //CommonJS
                module.exports = rr
            } else { //script / browser
                globals.rr = rr
            }

            function rr(arr, lastIndex) {
                if (!Array.isArray(arr)) throw new Error("Input is not an array.")
                if (arr.length === 0) return null

                if (arr._rr == null) {
                    arr._rr = 0
                    return arr[0]
                }

                if (arr.length === 1)
                    return arr[0]

                if (typeof lastIndex == 'number')
                    arr._rr = lastIndex

                //is outside of range?
                if (arr._rr >= arr.length - 1 || arr._rr < 0) {
                    arr._rr = 0
                    return arr[0]
                } else {
                    arr._rr += 1
                    return arr[arr._rr]
                }
            }

            rr.splice = function (arr, idx, len) {
                if (!Array.isArray(arr)) throw new Error("Input is not an array.")
                if (arr.length === 0) return

                arr.splice(idx, len);

                if (arr._rr == null) {
                    arr._rr = 0
                    return;
                }

                if (arr._rr >= idx)
                    arr._rr -= 1
            }

            rr.spliceCurrent = function (arr, len) {
                rr.splice(arr, arr._rr, len)
            }

        })(this);
    </script>


    <!-- ROTATOR -->
    <script>
        const interval = 10000; //dashboard switch interval
        const initializingTime = 60000; //initializing time
        const iframes = document.getElementsByTagName('iframe')
        const arr = [...iframes];
        let last = null;

        let count = initializingTime / 1000;
        document.getElementById('title').innerText = `Initializing... (${count}s)`

        const initializingTimer = setInterval(() => {
            count = count > 0 ? count -= 1 : 0;
            document.getElementById('title').innerText = `Initializing... (${count}s)`
        }, 1000)


        let switcherTimer;
        const switcher = () => {
            if (switcherTimer) {
                clearInterval(switcherTimer);
            }

            let count = interval / 1000;
            switcherTimer = setInterval(() => {
                count = count > 0 ? count -= 1 : 0;
                document.getElementById('timer').innerText = `(${count}s)`
            }, 1000)

            const curr = rr(arr)
            curr.scrollIntoView();
            document.getElementById('title').innerText = `${curr.attributes['x-name'].value} (${arr._rr + 1}/${arr.length})`
        }

        setTimeout(() => {
            clearInterval(initializingTimer);

            document.getElementById('title').innerText = `${arr[0].attributes['x-name'].value} (1/${arr.length}) `

            switcher();
            setInterval(switcher, interval)

        }, initializingTime /*give dashboards some time to load*/)

    </script>


    <script>
        //Interval to refresh whole page once per 2 hours. To prevent memory leaks.
        setInterval(() => {
            window.location.reload()
        }, 7200000)
    </script>

</body>

</html>

आप iframe की src विशेषता में विशिष्ट डैशबोर्ड url सेट कर सकते हैं।

    <iframe x-name="SLA PROD EU" src="https://mygrafana.example.com/services-availability?orgId=1&var-ds=Graphite-EU&var-env=prod-eu&var-package=cds-red-bull-high-touch&var-service=All&refresh=30s&from=now-1h&to=now"></iframe>

रोटेशन अंतराल const interval = 10000 में मिलिस में सेट किया गया है।
बेशक आप और भी iframes जोड़ सकते हैं।

डब्ल्यूआईपी: https://github.com/utkarshcmu/grafana/tree/playlist_enhancement

5 साल खुला, क्या यह कोड कभी रिलीज होने वाला है?

ईमानदार होने के लिए इसे 6 में देखने की उम्मीद कर रहा था .. :)

एक और +1, इस पर कोई अपडेट?

:केक: इस मुद्दे की 5 साल की सालगिरह के लिए।

क्या हमें अपडेट मिल सकता है?

नमस्ते, यह बहुत महत्वपूर्ण विशेषता है, क्या इस पर कोई अपडेट हैं?

मुझे पूरा यकीन है कि ऐसा कभी नहीं होगा

मैं एक डैहबोर्ड टेम्पलेट का उपयोग करके लगभग 30 सर्वरों की निगरानी के लिए ग्राफाना का उपयोग करना चाहता हूं।
इसके बिना मुझे हर समय 30 टेम्प्लेट बदलने पड़ते हैं, मैं अपने टेम्प्लेट के लिए एक अपडेट चाहता हूं।

यह विकल्प बहुत उपयोगी होगा

:) माइक्रोसर्विस की दुनिया में, प्रति सेवा डैशबोर्ड होना इतना कठिन होगा .. यह विकल्प हमारी सेवाओं की निगरानी के लिए बहुत आसान और आसान होगा, बजाय इसके कि दर्जनों डैशबोर्ड केवल प्लेलिस्ट में दिखाने में सक्षम हों।

वास्तव में उपयोगी सुविधा होगी।

+1

+1 - एक उपयोगी विशेषता होगी

+1

+1

+1; इस पर क्या स्थिति है?

+1

+1

+1

+1

+1

+1
यह वास्तव में बहुत उपयोगी होगा .. दुख की बात है कि इस अनुरोध को पहले से ही 5 वर्ष हो चुके हैं

+1

इसके लिए +1।

यह भी अच्छा होगा यदि आप प्रोमेथियस सेवा खोज में एक हुक प्राप्त कर सकते हैं ताकि प्लेलिस्ट में $ इंस्टेंस को स्वचालित रूप से पॉप्युलेट और विस्तारित किया जा सके। इस तरह जब इंस्टेंस ऑन/ऑफ़लाइन आते हैं तो वे स्वचालित रूप से प्लेलिस्ट से जोड़े/निकाल दिए जाते हैं।

यह कियोस्क मोड के लिए भी बहुत उपयोगी सुविधा होगी।

+1

क्या कोई मुझे बता सकता है कि क्या यह सुविधा जोड़ी गई है?