From 94d8fef4bc24487e2bf6ea4dcd9a307e7ecb80b8 Mon Sep 17 00:00:00 2001
From: Wan Kai <wankai123@foxmail.com>
Date: Thu, 24 Oct 2024 11:50:05 +0800
Subject: [PATCH] Add service global topN widget on `General-Root` and
 `Mesh-Root` dashboard. (#12721)

---
 docs/en/changes/changes.md                    |  1 +
 .../general/general-root.json                 | 79 ++++++++++++++++++-
 .../mesh/mesh-root.json                       | 78 +++++++++++++++++-
 3 files changed, 152 insertions(+), 6 deletions(-)

diff --git a/docs/en/changes/changes.md b/docs/en/changes/changes.md
index f8ad812ffb..cdf8daa64a 100644
--- a/docs/en/changes/changes.md
+++ b/docs/en/changes/changes.md
@@ -44,6 +44,7 @@
 * Add content decorations to Table and Card widgets.
 * Support the endpoint list widget query with duration parameter.
 * Support ranges for Value Mappings.
+* Add service global topN widget on `General-Root` and `Mesh-Root` dashboard.
 
 #### Documentation
 * Update release document to adopt newly added revision-based process.
diff --git a/oap-server/server-starter/src/main/resources/ui-initialized-templates/general/general-root.json b/oap-server/server-starter/src/main/resources/ui-initialized-templates/general/general-root.json
index f709e9aeb9..dcd0a0c217 100644
--- a/oap-server/server-starter/src/main/resources/ui-initialized-templates/general/general-root.json
+++ b/oap-server/server-starter/src/main/resources/ui-initialized-templates/general/general-root.json
@@ -5,7 +5,7 @@
       "children": [
         {
           "x": 0,
-          "y": 2,
+          "y": 13,
           "w": 24,
           "h": 52,
           "i": "1",
@@ -194,13 +194,86 @@
             "textAlign": "left",
             "url": "https://skywalking.apache.org/docs/main/next/en/setup/service-agent/server-agents/"
           }
+        },
+        {
+          "x": 0,
+          "y": 2,
+          "w": 6,
+          "h": 11,
+          "i": "101",
+          "type": "Widget",
+          "expressions": [
+            "top_n(service_apdex,10,des,attr0='GENERAL')/10000"
+          ],
+          "graph": {
+            "type": "TopList",
+            "color": "purple"
+          },
+          "widget": {
+            "title": "Service Apdex"
+          }
+        },
+        {
+          "x": 12,
+          "y": 2,
+          "w": 6,
+          "h": 11,
+          "i": "102",
+          "type": "Widget",
+          "expressions": [
+            "top_n(service_resp_time,10,des,attr0='GENERAL')"
+          ],
+          "graph": {
+            "type": "TopList",
+            "color": "purple"
+          },
+          "widget": {
+            "title": "Service Avg Response Time (ms)"
+          }
+        },
+        {
+          "x": 6,
+          "y": 2,
+          "w": 6,
+          "h": 11,
+          "i": "103",
+          "type": "Widget",
+          "expressions": [
+            "top_n(service_sla,10,asc,attr0='GENERAL')/100"
+          ],
+          "widget": {
+            "title": "Success Rate"
+          },
+          "graph": {
+            "type": "TopList",
+            "color": "purple"
+          }
+        },
+        {
+          "x": 18,
+          "y": 2,
+          "w": 6,
+          "h": 11,
+          "i": "104",
+          "type": "Widget",
+          "expressions": [
+            "top_n(service_cpm,10,des,attr0='GENERAL')"
+          ],
+          "widget": {
+            "title": "Service Load (calls / min)",
+            "tips": "For HTTP 1/2, gRPC, RPC services, this means Calls Per Minute (calls / min)"
+          },
+          "graph": {
+            "type": "TopList",
+            "color": "purple"
+          }
         }
       ],
-      "id": "General-Root",
       "layer": "GENERAL",
       "entity": "All",
       "name": "General-Root",
-      "isRoot": true
+      "isRoot": true,
+      "path": "/General-Service/Services"
     }
   }
 ]
diff --git a/oap-server/server-starter/src/main/resources/ui-initialized-templates/mesh/mesh-root.json b/oap-server/server-starter/src/main/resources/ui-initialized-templates/mesh/mesh-root.json
index b6f23d553d..6bce7dce12 100644
--- a/oap-server/server-starter/src/main/resources/ui-initialized-templates/mesh/mesh-root.json
+++ b/oap-server/server-starter/src/main/resources/ui-initialized-templates/mesh/mesh-root.json
@@ -5,7 +5,7 @@
       "children": [
         {
           "x": 0,
-          "y": 2,
+          "y": 13,
           "w": 24,
           "h": 52,
           "i": "1",
@@ -180,13 +180,85 @@
             "textAlign": "left",
             "url": "https://skywalking.apache.org/docs/main/next/en/setup/envoy/als_setting/"
           }
+        },
+        {
+          "x": 12,
+          "y": 2,
+          "w": 6,
+          "h": 11,
+          "i": "101",
+          "type": "Widget",
+          "expressions": [
+            "top_n(service_resp_time,10,des,attr0='MESH')"
+          ],
+          "graph": {
+            "type": "TopList",
+            "color": "purple"
+          },
+          "widget": {
+            "title": "Service Avg Response Time (ms)"
+          }
+        },
+        {
+          "x": 18,
+          "y": 2,
+          "w": 6,
+          "h": 11,
+          "i": "102",
+          "type": "Widget",
+          "expressions": [
+            "top_n(service_cpm,10,des,attr0='MESH')"
+          ],
+          "widget": {
+            "title": "Service Load (calls or packets / min)"
+          },
+          "graph": {
+            "type": "TopList",
+            "color": "purple"
+          }
+        },
+        {
+          "x": 6,
+          "y": 2,
+          "w": 6,
+          "h": 11,
+          "i": "103",
+          "type": "Widget",
+          "expressions": [
+            "top_n(service_sla,10,asc,attr0='MESH')/100"
+          ],
+          "widget": {
+            "title": "Success Rate"
+          },
+          "graph": {
+            "type": "TopList",
+            "color": "purple"
+          }
+        },
+        {
+          "x": 0,
+          "y": 2,
+          "w": 6,
+          "h": 11,
+          "i": "104",
+          "type": "Widget",
+          "expressions": [
+            "top_n(service_apdex,10,des,attr0='MESH')/10000"
+          ],
+          "graph": {
+            "type": "TopList",
+            "color": "purple"
+          },
+          "widget": {
+            "title": "Service Apdex"
+          }
         }
       ],
       "layer": "MESH",
       "entity": "All",
       "name": "Mesh-Root",
-      "id": "Mesh-Root",
-      "isRoot": true
+      "isRoot": true,
+      "path": "/Service-Mesh/Services"
     }
   }
 ]