From fed3c97dc1b75314c27c87a7f1da2572a7e8c82d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A4=BE=E9=95=BF=E9=95=BF?= <ischenkan@outlook.com>
Date: Tue, 18 Jul 2023 17:37:53 +0800
Subject: [PATCH] Bugfix: Pie chart legend width doesn't works (#68351)

---
 .../app/plugins/panel/piechart/PieChartPanel.tsx   | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/public/app/plugins/panel/piechart/PieChartPanel.tsx b/public/app/plugins/panel/piechart/PieChartPanel.tsx
index ea40c659633..a9126a492ca 100644
--- a/public/app/plugins/panel/piechart/PieChartPanel.tsx
+++ b/public/app/plugins/panel/piechart/PieChartPanel.tsx
@@ -140,12 +140,14 @@ function getLegend(props: Props, displayValues: FieldDisplay[]) {
     .filter((i): i is VizLegendItem => !!i);
 
   return (
-    <VizLegend
-      items={legendItems}
-      seriesVisibilityChangeBehavior={SeriesVisibilityChangeBehavior.Hide}
-      placement={legendOptions.placement}
-      displayMode={legendOptions.displayMode}
-    />
+    <VizLayout.Legend placement={legendOptions.placement} width={legendOptions.width}>
+      <VizLegend
+        items={legendItems}
+        seriesVisibilityChangeBehavior={SeriesVisibilityChangeBehavior.Hide}
+        placement={legendOptions.placement}
+        displayMode={legendOptions.displayMode}
+      />
+    </VizLayout.Legend>
   );
 }