@opendata-ai/openchart-engine 6.2.0 → 6.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendata-ai/openchart-engine",
-  "version": "6.2.0",
+  "version": "6.2.1",
   "description": "Headless compiler for openchart: spec validation, data compilation, scales, and layout",
   "license": "Apache-2.0",
   "author": "Riley Hilliard",
@@ -45,7 +45,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@opendata-ai/openchart-core": "6.2.0",
+    "@opendata-ai/openchart-core": "6.2.1",
     "d3-array": "^3.2.0",
     "d3-format": "^3.1.2",
     "d3-interpolate": "^3.0.0",

package/src/layout/axes.ts

@@ -255,7 +255,8 @@ function formatTickLabel(value: unknown, resolvedScale: ResolvedScale): string {
   if (TEMPORAL_SCALE_TYPES.has(resolvedScale.type)) {
     const temporalFmt = buildTemporalFormatter(formatStr);
     if (temporalFmt) return temporalFmt(value as Date);
-    return formatDate(value as Date);
+    const useUtc = resolvedScale.type === 'utc';
+    return formatDate(value as Date, undefined, undefined, useUtc);
   }
 
   if (NUMERIC_SCALE_TYPES.has(resolvedScale.type)) {

package/src/layout/dimensions.ts

@@ -190,6 +190,7 @@ export function computeDimensions(
 
   // Reserve right margin for text annotations near the chart's right edge.
   // Without this, annotation text at the last data point clips outside the SVG.
+  // Account for anchor direction and offset.dx to avoid over-reserving space.
   if (spec.annotations.length > 0 && encoding.x) {
     const xField = encoding.x.field;
     // Find the maximum x value in the data
@@ -203,7 +204,23 @@ export function computeDimensions(
       for (const ann of spec.annotations) {
         if (ann.type === 'text' && String(ann.x) === maxXStr) {
           const textWidth = estimateTextWidth(ann.text, ann.fontSize ?? 11, ann.fontWeight ?? 600);
-          margins.right = Math.max(margins.right, padding + textWidth + 12);
+          const dx = ann.offset?.dx ?? 0;
+          // How much text extends right of the anchor point depends on alignment:
+          // - anchor "right" or "left": text is off to one side, full width extends
+          // - anchor "top"/"bottom"/"auto"/undefined: text is centered, half extends right
+          const anchor = ann.anchor ?? 'auto';
+          const baseRightExtent =
+            anchor === 'left'
+              ? textWidth
+              : // text is to the right of anchor
+                anchor === 'right'
+                ? 0
+                : // text is to the left of anchor
+                  textWidth / 2; // centered (top/bottom/auto)
+          const rightOverflow = Math.max(0, baseRightExtent + dx);
+          if (rightOverflow > 0) {
+            margins.right = Math.max(margins.right, padding + rightOverflow + 12);
+          }
         }
       }
     }