Use Histograms in Grafana (#312)

### What <img width="1742" alt="Screenshot 2023-09-22 at 10 22 22" src="https://github.com/hasura/postgres-ndc/assets/4729125/60a894bf-7f63-4872-9beb-8d34e505ea77">
hasura · Sep 22, 2023 · c847719 · c847719
1 parent 9043634
commit c847719
Showing 1 changed file with 52 additions and 92 deletions.
diff --git a/metrics/grafana/dashboards/postgres-ndc.json b/metrics/grafana/dashboards/postgres-ndc.json
@@ -227,38 +227,7 @@
       "fieldConfig": {
         "defaults": {
           "color": {
-            "mode": "palette-classic"
-          },
-          "custom": {
-            "axisCenteredZero": false,
-            "axisColorMode": "text",
-            "axisLabel": "",
-            "axisPlacement": "auto",
-            "barAlignment": 0,
-            "drawStyle": "line",
-            "fillOpacity": 0,
-            "gradientMode": "none",
-            "hideFrom": {
-              "legend": false,
-              "tooltip": false,
-              "viz": false
-            },
-            "insertNulls": false,
-            "lineInterpolation": "linear",
-            "lineWidth": 1,
-            "pointSize": 5,
-            "scaleDistribution": {
-              "type": "linear"
-            },
-            "showPoints": "never",
-            "spanNulls": false,
-            "stacking": {
-              "group": "A",
-              "mode": "none"
-            },
-            "thresholdsStyle": {
-              "mode": "off"
-            }
+            "mode": "thresholds"
           },
           "mappings": [],
           "thresholds": {
@@ -285,16 +254,17 @@
       },
       "id": 2,
       "options": {
-        "legend": {
-          "calcs": [],
-          "displayMode": "list",
-          "placement": "bottom",
-          "showLegend": true
+        "displayMode": "gradient",
+        "minVizHeight": 10,
+        "minVizWidth": 0,
+        "orientation": "auto",
+        "reduceOptions": {
+          "calcs": ["lastNotNull"],
+          "fields": "",
+          "values": false
         },
-        "tooltip": {
-          "mode": "single",
-          "sort": "none"
-        }
+        "showUnfilled": true,
+        "valueMode": "color"
       },
       "pluginVersion": "10.1.1",
       "targets": [
@@ -304,8 +274,9 @@
             "uid": "PBFA97CFB590B2093"
           },
           "disableTextWrap": false,
-          "editorMode": "builder",
-          "expr": "rate(postgres_ndc_connection_acquisition_wait_time_bucket[$__rate_interval])",
+          "editorMode": "code",
+          "expr": "postgres_ndc_connection_acquisition_wait_time_bucket",
+          "format": "heatmap",
           "fullMetaSearch": false,
           "includeNullMetadata": false,
           "instant": false,
@@ -315,8 +286,8 @@
           "useBackend": false
         }
       ],
-      "title": "Connection acquisition wait time (buckets)",
-      "type": "timeseries"
+      "title": "Connection acquisition wait time",
+      "type": "bargauge"
     },
     {
       "datasource": {
@@ -326,38 +297,7 @@
       "fieldConfig": {
         "defaults": {
           "color": {
-            "mode": "palette-classic"
-          },
-          "custom": {
-            "axisCenteredZero": false,
-            "axisColorMode": "text",
-            "axisLabel": "",
-            "axisPlacement": "auto",
-            "barAlignment": 0,
-            "drawStyle": "line",
-            "fillOpacity": 0,
-            "gradientMode": "none",
-            "hideFrom": {
-              "legend": false,
-              "tooltip": false,
-              "viz": false
-            },
-            "insertNulls": false,
-            "lineInterpolation": "linear",
-            "lineWidth": 1,
-            "pointSize": 5,
-            "scaleDistribution": {
-              "type": "linear"
-            },
-            "showPoints": "never",
-            "spanNulls": false,
-            "stacking": {
-              "group": "A",
-              "mode": "none"
-            },
-            "thresholdsStyle": {
-              "mode": "off"
-            }
+            "mode": "thresholds"
           },
           "mappings": [],
           "thresholds": {
@@ -374,7 +314,23 @@
             ]
           }
         },
-        "overrides": []
+        "overrides": [
+          {
+            "matcher": {
+              "id": "byName",
+              "options": "{instance=\"host.docker.internal:8100\", job=\"postgres-ndc\", le=\"0.005\"}"
+            },
+            "properties": [
+              {
+                "id": "color",
+                "value": {
+                  "fixedColor": "yellow",
+                  "mode": "fixed"
+                }
+              }
+            ]
+          }
+        ]
       },
       "gridPos": {
         "h": 10,
@@ -384,26 +340,29 @@
       },
       "id": 6,
       "options": {
-        "legend": {
-          "calcs": [],
-          "displayMode": "list",
-          "placement": "bottom",
-          "showLegend": true
+        "displayMode": "gradient",
+        "minVizHeight": 10,
+        "minVizWidth": 0,
+        "orientation": "auto",
+        "reduceOptions": {
+          "calcs": ["last"],
+          "fields": "",
+          "values": false
         },
-        "tooltip": {
-          "mode": "single",
-          "sort": "none"
-        }
+        "showUnfilled": true,
+        "valueMode": "color"
       },
+      "pluginVersion": "10.1.1",
       "targets": [
         {
           "datasource": {
             "type": "prometheus",
             "uid": "PBFA97CFB590B2093"
           },
           "disableTextWrap": false,
-          "editorMode": "builder",
-          "expr": "rate(postgres_ndc_query_execution_time_bucket[$__rate_interval])",
+          "editorMode": "code",
+          "expr": "postgres_ndc_query_execution_time_bucket",
+          "format": "heatmap",
           "fullMetaSearch": false,
           "includeNullMetadata": false,
           "instant": false,
@@ -413,8 +372,9 @@
           "useBackend": false
         }
       ],
-      "title": "Query execution time (buckets)",
-      "type": "timeseries"
+      "title": "Query execution time",
+      "transparent": true,
+      "type": "bargauge"
     },
     {
       "datasource": {
@@ -678,6 +638,6 @@
   "timezone": "",
   "title": "Postgres NDC",
   "uid": "fa23d46b-326f-4e0a-aa3b-0495f5f984d5",
-  "version": 2,
+  "version": 1,
   "weekStart": ""
 }