Set Unified Histogram legend width to EXTRA_LARGE, and add text wrapp…

…ing to legend labels
elastic · Aug 2, 2023 · 585684d · 585684d
1 parent b2bf401
commit 585684d
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/src/plugins/unified_histogram/kibana.jsonc b/src/plugins/unified_histogram/kibana.jsonc
@@ -7,6 +7,13 @@
     "id": "unifiedHistogram",
     "server": false,
     "browser": true,
-    "requiredBundles": ["data", "dataViews", "embeddable", "inspector", "expressions"]
+    "requiredBundles": [
+      "data",
+      "dataViews",
+      "embeddable",
+      "inspector",
+      "expressions",
+      "visualizations"
+    ]
   }
 }
diff --git a/src/plugins/unified_histogram/public/chart/utils/get_lens_attributes.test.ts b/src/plugins/unified_histogram/public/chart/utils/get_lens_attributes.test.ts
@@ -172,7 +172,9 @@ describe('getLensAttributes', () => {
               ],
               "legend": Object {
                 "isVisible": true,
+                "legendSize": "xlarge",
                 "position": "right",
+                "shouldTruncate": false,
               },
               "preferredSeriesType": "bar_stacked",
               "showCurrentTimeMarker": true,
@@ -346,7 +348,9 @@ describe('getLensAttributes', () => {
               ],
               "legend": Object {
                 "isVisible": true,
+                "legendSize": "xlarge",
                 "position": "right",
+                "shouldTruncate": false,
               },
               "preferredSeriesType": "bar_stacked",
               "showCurrentTimeMarker": true,
@@ -502,7 +506,9 @@ describe('getLensAttributes', () => {
               ],
               "legend": Object {
                 "isVisible": true,
+                "legendSize": "xlarge",
                 "position": "right",
+                "shouldTruncate": false,
               },
               "preferredSeriesType": "bar_stacked",
               "showCurrentTimeMarker": true,

diff --git a/src/plugins/unified_histogram/public/chart/utils/get_lens_attributes.ts b/src/plugins/unified_histogram/public/chart/utils/get_lens_attributes.ts
@@ -17,6 +17,7 @@ import type {
   TypedLensByValueInput,
   Suggestion,
 } from '@kbn/lens-plugin/public';
+import { LegendSize } from '@kbn/visualizations-plugin/public';
 import { fieldSupportsBreakdown } from './field_supports_breakdown';
 
 export interface LensRequestData {
@@ -160,6 +161,8 @@ export const getLensAttributes = ({
         legend: {
           isVisible: true,
           position: 'right',
+          legendSize: LegendSize.EXTRA_LARGE,
+          shouldTruncate: false,
         },
         preferredSeriesType: 'bar_stacked',
         valueLabels: 'hide',