fix title padding and chart margins

elastic · Dec 17, 2020 · 03e93de · 03e93de
1 parent 30c2d13
commit 03e93de
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/plugins/vis_type_xy/public/components/xy_settings.tsx b/src/plugins/vis_type_xy/public/components/xy_settings.tsx
@@ -113,15 +113,23 @@ export const XYSettings: FC<XYSettingsProps> = ({
         },
       },
     },
+    axes: {
+      axisTitle: {
+        padding: {
+          outer: 10,
+        },
+      },
+    },
     chartMargins:
       legendPosition === Position.Top || legendPosition === Position.Right
         ? {
-            bottom: 10,
+            bottom: (theme.chartMargins?.bottom ?? 0) + 10,
           }
         : {
-            right: 10,
+            right: (theme.chartMargins?.right ?? 0) + 10,
           },
   };
+
   const headerValueFormatter: TickFormatter<any> | undefined = xAxis.ticks?.formatter
     ? (value) => fillEmptyValue(xAxis.ticks?.formatter?.(value)) ?? ''
     : undefined;