@opendata-ai/openchart-vanilla 6.25.0 → 6.25.2

package/dist/index.js

@@ -3632,7 +3632,11 @@ function renderAnnotations(parent, layout) {
 }
 
 // src/renderers/axes.ts
-import { estimateTextWidth as estimateTextWidth2 } from "@opendata-ai/openchart-core";
+import {
+  estimateTextWidth as estimateTextWidth2,
+  getAxisTitleOffset,
+  TICK_LABEL_OFFSET
+} from "@opendata-ai/openchart-core";
 function renderAxis(parent, axis, orientation, layout) {
   const g = createSVGElement("g");
   const isRight = orientation === "y" && axis.orient === "right";
@@ -3679,14 +3683,14 @@ function renderAxis(parent, axis, orientation, layout) {
       const label = createSVGElement("text");
       label.setAttribute("class", "oc-axis-tick");
       setAttrs(label, {
-        x: isRight ? area.x + area.width + 6 : area.x - 6,
+        x: isRight ? area.x + area.width + TICK_LABEL_OFFSET : area.x - TICK_LABEL_OFFSET,
         y: tick.position,
         "text-anchor": isRight ? "start" : "end",
         "dominant-baseline": "central"
       });
       applyTextStyle(label, axis.tickLabelStyle);
       if (!isRight) {
-        const availableWidth = area.x - 6;
+        const availableWidth = area.x - TICK_LABEL_OFFSET;
         const fontSize = axis.tickLabelStyle.fontSize;
         const fontWeight = axis.tickLabelStyle.fontWeight;
         const fullWidth = estimateTextWidth2(tick.label, fontSize, fontWeight);
@@ -3772,7 +3776,8 @@ function renderAxis(parent, axis, orientation, layout) {
         "text-anchor": "middle"
       });
     } else if (isRight) {
-      const titleX = area.x + area.width + 45;
+      const titleOffset = getAxisTitleOffset(layout.dimensions.width);
+      const titleX = area.x + area.width + titleOffset;
       setAttrs(axisLabel, {
         x: titleX,
         y: area.y + area.height / 2,
@@ -3780,11 +3785,12 @@ function renderAxis(parent, axis, orientation, layout) {
         transform: `rotate(90, ${titleX}, ${area.y + area.height / 2})`
       });
     } else {
+      const titleOffset = getAxisTitleOffset(layout.dimensions.width);
       setAttrs(axisLabel, {
-        x: area.x - 45,
+        x: area.x - titleOffset,
         y: area.y + area.height / 2,
         "text-anchor": "middle",
-        transform: `rotate(-90, ${area.x - 45}, ${area.y + area.height / 2})`
+        transform: `rotate(-90, ${area.x - titleOffset}, ${area.y + area.height / 2})`
       });
     }
     g.appendChild(axisLabel);