From a9c0b08ac3b0499605a5e0349679c2e8f7a55e7c Mon Sep 17 00:00:00 2001
From: Ryan McKinley <ryantxu@gmail.com>
Date: Wed, 19 May 2021 23:46:39 -0700
Subject: [PATCH] show warning when too many points in status grid (#34456)

---
 .../plugins/panel/status-grid/StatusGridPanel.tsx    | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/public/app/plugins/panel/status-grid/StatusGridPanel.tsx b/public/app/plugins/panel/status-grid/StatusGridPanel.tsx
index 54d3bfdc0da..df3ec2da79b 100755
--- a/public/app/plugins/panel/status-grid/StatusGridPanel.tsx
+++ b/public/app/plugins/panel/status-grid/StatusGridPanel.tsx
@@ -38,6 +38,18 @@ export const StatusGridPanel: React.FC<TimelinePanelProps> = ({
     );
   }
 
+  // Status grid requires some space between values
+  if (frames[0].length > width / 2) {
+    return (
+      <div className="panel-empty">
+        <p>
+          Too many points to visualize properly. <br />
+          Update the query to return fewer points. <br />({frames[0].length} points recieved)
+        </p>
+      </div>
+    );
+  }
+
   return (
     <TimelineChart
       theme={theme}