From 30f8d97b48a26df50efd04098a388c5a8ef3acc1 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Thu, 19 Jan 2023 18:59:59 +0000
Subject: [PATCH] [v9.3.x] Canvas: Inconsistent border behavior  (#61804)

---
 public/app/plugins/panel/canvas/CanvasPanel.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/public/app/plugins/panel/canvas/CanvasPanel.tsx b/public/app/plugins/panel/canvas/CanvasPanel.tsx
index e2f66a6665a..eacad31a7dc 100644
--- a/public/app/plugins/panel/canvas/CanvasPanel.tsx
+++ b/public/app/plugins/panel/canvas/CanvasPanel.tsx
@@ -153,7 +153,7 @@ export class CanvasPanel extends Component<Props, State> {
   };
 
   shouldComponentUpdate(nextProps: Props, nextState: State) {
-    const { width, height, data } = this.props;
+    const { width, height, data, options } = this.props;
     let changed = false;
 
     if (width !== nextProps.width || height !== nextProps.height) {
@@ -166,6 +166,11 @@ export class CanvasPanel extends Component<Props, State> {
       changed = true;
     }
 
+    if (options !== nextProps.options && !this.scene.ignoreDataUpdate) {
+      this.scene.updateData(nextProps.data);
+      changed = true;
+    }
+
     if (this.state.refresh !== nextState.refresh) {
       changed = true;
     }