elastic
diff --git a/‎integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-axes-tick-label-rotation-visually-looks-correct-1-snap.png‎
3.87 KB b/‎integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-axes-tick-label-rotation-visually-looks-correct-1-snap.png‎
3.87 KB
diff --git a/‎integration/tests/__image_snapshots__/axis-stories-test-ts-axis-stories-should-hide-bottom-axis-1-snap.png‎
-8 Bytes b/‎integration/tests/__image_snapshots__/axis-stories-test-ts-axis-stories-should-hide-bottom-axis-1-snap.png‎
-8 Bytes
diff --git a/‎integration/tests/__image_snapshots__/axis-stories-test-ts-axis-stories-should-hide-left-axis-1-snap.png‎
-6 Bytes b/‎integration/tests/__image_snapshots__/axis-stories-test-ts-axis-stories-should-hide-left-axis-1-snap.png‎
-6 Bytes
diff --git a/‎integration/tests/__image_snapshots__/axis-stories-test-ts-axis-stories-should-hide-top-axis-1-snap.png‎
-2 Bytes b/‎integration/tests/__image_snapshots__/axis-stories-test-ts-axis-stories-should-hide-top-axis-1-snap.png‎
-2 Bytes
diff --git a/‎integration/tests/__image_snapshots__/axis-stories-test-ts-axis-stories-should-render-ticks-with-varied-rotations-1-snap.png‎
-9 Bytes b/‎integration/tests/__image_snapshots__/axis-stories-test-ts-axis-stories-should-render-ticks-with-varied-rotations-1-snap.png‎
-9 Bytes
diff --git a/‎src/chart_types/xy_chart/renderer/canvas/axes/title.ts‎
Lines changed: 2 additions & 2 deletions b/‎src/chart_types/xy_chart/renderer/canvas/axes/title.ts‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎stories/axes/2_tick_label_rotation.tsx‎
Lines changed: 1 addition & 1 deletion b/‎stories/axes/2_tick_label_rotation.tsx‎
Lines changed: 1 addition & 1 deletion
@@ -42,7 +42,7 @@ function renderVerticalTitle(ctx: CanvasRenderingContext2D, props: AxisProps) {
   const {
     axisPosition: { height },
     axisSpec: { title, position, tickSize, tickPadding },
-    axisTicksDimensions: { maxLabelTextWidth },
+    axisTicksDimensions: { maxLabelBboxWidth },
     axisConfig: { axisTitleStyle },
     debug,
   } = props;
@@ -51,7 +51,7 @@ function renderVerticalTitle(ctx: CanvasRenderingContext2D, props: AxisProps) {
   }
   const { padding, ...titleStyle } = axisTitleStyle;
   const top = height;
-  const left = position === Position.Left ? 0 : tickSize + tickPadding + maxLabelTextWidth + padding;
+  const left = position === Position.Left ? 0 : tickSize + tickPadding + maxLabelBboxWidth + padding;
 
   if (debug) {
     renderDebugRect(ctx, { x: left, y: top, width: height, height: titleStyle.fontSize }, undefined, undefined, -90);
 
@@ -75,7 +75,7 @@ export const Example = () => {
         id="right"
         title="Bar axis"
         position={Position.Right}
-        tickLabelRotation={number('right axis tick label rotation', 0, {
+        tickLabelRotation={number('right axis tick label rotation', -90, {
           range: true,
           min: -90,
           max: 90,