Sentry 監控 - Dashboards 事件數據可視化大屏

系列

• 1 分鍾快速使用 Docker 上手最新版 Sentry-CLI - 創建版本
• 快速使用 Docker 上手 Sentry-CLI - 30 秒上手 Source Maps
• Sentry For React 完整接入詳解
• Sentry For Vue 完整接入詳解
• Sentry-CLI 使用詳解
• Sentry Web 性能監控 - Web Vitals
• Sentry Web 性能監控 - Metrics
• Sentry Web 性能監控 - Trends
• Sentry Web 前端監控 - 最佳實踐(官方教程)
• Sentry 后端監控 - 最佳實踐(官方教程)
• Sentry 監控 - Discover 大數據查詢分析引擎

目錄

• 默認 Dashboard
• 定制
• 自定義 Dashboard
  • 管理 Dashboard
  • Widget 生成器
  • 可視化類型
    • Line(折線), Bar(柱狀), 和 Area(面積) 圖
    • Table Results（表格）
    • World Map（世界地圖）
    • Big Number（大數）

Dashboard 允許您瀏覽跨多個項目的錯誤和性能數據，從而為您提供應用程序運行狀況的廣泛概覽。Dashboard 由一個或多個小部件(widget)組成，每個小部件可視化一個或多個 Discover 查詢。

• https://docs.sentry.io/product/discover-queries/

同一視圖中的所有小部件(widgets)都反映了全局選擇頭部(Global Selection Header)中指示的日期范圍，並在您更新該日期范圍時同步更新。您還可以放大您可能想要調查的任何時間序列可視化，並且所有 widget 都反映了您放大的時間段。

默認 Dashboard

默認 Dashboard 包括以下小 widget：

• Number of Errors: 顯示您遇到的 errors 總數。
• Number of Issues: 顯示您遇到的 issues 總數。
• All Events: 顯示所有 errors、transactions 等。
• Affected Users: 將已知用戶與未知用戶進行比較。
• Handled v. Unhandled: 將已處理的錯誤與未處理的錯誤進行比較。
• Errors by Country: 顯示錯誤頻率的世界地圖。
• Errors by Browser: 按瀏覽器名稱比較錯誤數。

定制

如果您想編輯默認 dashboard 或構建多個 dashboard，每個 dashboard 都有自己的一組獨特的 widget，您可能需要考慮我們的自定義 Dashboard 功能，它使您能夠創建更強大的數據大屏，如下所示。

自定義 Dashboard

自定義 Dashboard 在整個組織中共享，用戶可以在管理視圖中查看彼此的自定義dashboard。請注意，您所做的任何更改都是全局性的，並將顯示給整個組織的用戶。

管理 Dashboard

• 創建 dashboard
• 復制 dashboard
• 刪除 dashboard

單擊 “Create Dashboard” 會將您帶到一個新 dashboard，您可以在其中立即開始添加 widget。 當您創建新 dashboard 或編輯現有 dashboard 時，小部件會略微變灰。從這里，您可以：

• 重命名 dashboard
• 添加和刪除 widget
• 重新排列現有 widget

Widget 生成器

當您添加 widget 或編輯現有 widget 時，系統會提示您提供表單和可視化預覽。從這里，您可以：

• 重命名 widget
• 更改查詢
• 提供 legend 別名
• 更改 Y 軸

該表單包括以下字段：

• Widget Name: 出現在每個 widget 頂部的名稱。
• Visualization Display: 選定的可視化類型。
  • https://docs.sentry.io/product/dashboards/custom-dashboards/#visualization-types
• Query: 定義您要調查的內容的搜索參數。添加其他查詢以比較 project、organization、release等。每個查詢都有一個 legend 別名，您可以命名以在任何時間序列圖表中更輕松地查看。 有關如何構建查詢的更多信息，請查看 Discover Query Builder 制定的一些規則。
  • https://docs.sentry.io/product/discover-queries/query-builder/
• Y-Axis: 要映射的搜索參數的屬性。默認情況下，count() 被選中。將此更改為 duration 會將 Y 軸更改為毫秒或秒。添加疊加層將添加另一組數據進行比較。例如，要反映 P50、P75 和 P90，您需要三個疊加層。 如果單位(unit)沖突，圖表將始終以第一行為基礎。

可視化類型

Line(折線), Bar(柱狀), 和 Area(面積) 圖

折線圖、條形圖和面積圖可視化允許您將一個或多個聚合函數繪制為時間序列(time series)。

每種圖表類型都允許您解決不同的問題：

• 折線圖(Line charts)是一種通用的可視化。如果添加多個疊加層，請確保 Y 軸單位匹配。將計數(count)與持續時間(duration)混合不會產生有用的結果。
• 條形圖(Bar charts )將按天對結果進行分組，使其適合每日匯總或作為“大圖(big picture)”摘要。 一個例子是“每天的錯誤計數(count of errors per day)”。
• 面積圖(Area charts)非常適合顯示累積結果或您想要顯示細分的位置。 一個例子是“每個主要瀏覽器的錯誤計數(count of errors for each major browser)”。

Table Results（表格）

Table results 顯示 Discover 查詢的最高結果。 此可視化非常適合顯示關鍵字段(key fields)和相關聚合(related aggregates)。例如“最常訪問的事務名稱的持續時間百分位數”。

World Map（世界地圖）

使用給定的函數和 geo.country_code 查詢事件。 結果被繪制為世界地圖上的密度值。 一個示例場景是“用戶在哪些國家/地區遇到最多的錯誤”。 您可以使用鼠標滾輪縮放地圖，或通過單擊並拖動地圖來平移地圖。

Big Number（大數）

大數字可視化顯示單個函數的當前值。 這種可視化非常適合高級聚合。 一個示例場景是“所有 transaction 的 p95”。

公眾號：黑客下午茶