技術 靠 Grafana 吃飯的第十三天 - Grafana 的視覺化圖書館 - Visualizations

前言 在前面的篇章中，我們從 Plugin 的初始化設置、時間範圍及變數設定到數據資料的取得，這一系列的資料收集方法即是為了視覺化的呈現，所以本章節會介紹圖表...

技術 靠 Grafana 吃飯的第十二天 - Grafana Scene 的 Variables 多重宇宙

前言 在 Grafana 中，Dashboard 可能包含了多種查詢結果的 Panel。這些查詢的屬性通常非常複雜，且其可能的值無法一一列舉。在許多情況下，當...

技術 靠 Grafana 吃飯的第十一天 - Grafana Scenes 的資料取得與管理

前言 在前端服務中如果要取得數據資料，勢必需要向後端服務發起 HTTP 請求，在 Grafana Scenes 中也是相同道理，而取得的資料即為 Dataso...

技術 靠 Grafana 吃飯的第十天 - 當 Scenes 成為 Grafana 的切版工具

前言 在前端的開發日常中，切版佔了工作內容的一半，這是一個看似簡單卻又帶有非常多眉角的工作，尤其 CSS 的繁多屬性中也需要考慮權重和互斥的問題。在 Graf...

技術 靠 Grafana 吃飯的第九天 - 整個 Grafana Plugin 都是 Scene Object

前言 在本章節中，我們將深入探討 Grafana Scenes 的概念。在上一部份中，我們已經熟悉一下 Grafana 的觀念，也認識了 Grafana Pl...

技術 靠 Grafana 吃飯的第八天 - Grafana 的百寶袋 - Plugin

前言 在第七章中，我們深入探討了 Grafana Scenes 這個具有革命性的套件，但僅憑文字描述仍無法全面體會其強大的便利性。而 Grafana Scen...

技術 靠 Grafana 吃飯的第七天 - Grafana Scenes 的革命時代

起源 前六章中我們了解 Grafana 在視覺化處理的背後過程。還記得 Grafana Lab 是一個致力於開源的組織，因此他們非常鼓勵使用者以 plugin...

技術 靠 Grafana 吃飯的第六天 - Grafana 的包羅萬象圖表工具（二）

前言 在第五章中介紹的基本圖表已經能夠滿足大部分的使用情境。然而，隨著需求的不斷增加，加上 Grafana 的功能已經超越了傳統的監控範疇，基本的趨勢圖或狀態...

技術 靠 Grafana 吃飯的第五天 - Grafana 的包羅萬象圖表工具（一）

前言 在第四章的最後一部分，我們介紹了 Grafana 視覺化工具的種類，以及每個種類適合的資料格式。雖然這只是一個簡單的介紹，但已經可以初步了解 Grafa...

技術 靠 Grafana 吃飯的第四天 - Grafana 與前端的千絲萬縷

前言 當我們了解完從原始資料到可視化的過程後，可以推測，承載著這些多樣化資料來源及查詢結果的容器，必定具備豐富多樣且用途廣泛的圖表供我們選擇。而這些圖表正是...

技術 靠 Grafana 吃飯的第三天 - Grafana 原始資料到視覺化的旅程

前言 經過第一章節，我們對 Grafana 這個名詞稍微不陌生，它不僅能夠整合多種資料來源，還能提供豐富的圖表（Panel）和儀表板（Dashboard），讓...

技術 靠 Grafana 吃飯的第二天 - 前端眼中的 Grafana

前言 作為一個前端工程師，Grafana 這個名詞可能偶爾在技術文章中輕掃而過，基本上沒有機會存在我們的深層記憶中。又或者經過 IT、後端或 DevOps 座...

技術 靠 Grafana 吃飯的第一天 - 目錄

前言 在人們的印象中，Grafana 的使用者大多是 DevOps 或後端工程師，最常見的應用場景是透過 Prometheus 建立監控圖表等用途，與前端領域...