@opendata-ai/openchart-engine 2.11.0 → 2.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendata-ai/openchart-engine",
-  "version": "2.11.0",
+  "version": "2.12.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": "2.11.0",
+    "@opendata-ai/openchart-core": "2.12.1",
     "d3-array": "^3.2.0",
     "d3-format": "^3.1.2",
     "d3-interpolate": "^3.0.0",

package/src/annotations/compute.ts

@@ -410,12 +410,13 @@ function resolveRangeAnnotation(
 
   // Label positioned within the range, with optional offset.
   // labelAnchor controls horizontal placement:
-  //   "left" (default): left edge, text-anchor start
-  //   "top"/"auto": horizontally centered, text-anchor middle
+  //   "top" (default): horizontally centered, text-anchor middle
+  //   "left": left edge, text-anchor start
   //   "right": right edge, text-anchor end
+  //   "bottom"/"auto": horizontally centered, text-anchor middle
   let label: ResolvedLabel | undefined;
   if (annotation.label) {
-    const anchor = annotation.labelAnchor ?? 'left';
+    const anchor = annotation.labelAnchor ?? 'top';
     const centered = anchor === 'top' || anchor === 'bottom' || anchor === 'auto';
     const baseDx = centered ? 0 : anchor === 'right' ? -4 : 4;
     const baseDy = 14;
@@ -428,6 +429,8 @@ function resolveRangeAnnotation(
       style.textAnchor = 'end';
     }
 
+    // Position label horizontally centered within the range band by default.
+    // For left/right anchors, position at the respective edge.
     const baseX = centered ? x + width / 2 : anchor === 'right' ? x + width : x;
 
     label = {

package/src/tooltips/compute.ts

@@ -83,6 +83,11 @@ function buildFields(row: DataRow, encoding: Encoding, color?: string): TooltipF
 
 /** Determine the title for a tooltip based on encoding. */
 function getTooltipTitle(row: DataRow, encoding: Encoding): string | undefined {
+  // Detail channel provides an explicit label (e.g. district name in scatter)
+  if (encoding.detail) {
+    return String(row[encoding.detail.field] ?? '');
+  }
+
   // For charts with a temporal x-axis, use the date as the title
   if (encoding.x?.type === 'temporal') {
     return formatValue(row[encoding.x.field], 'temporal');