@opendata-ai/openchart-vanilla 7.0.0 → 7.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendata-ai/openchart-vanilla",
-  "version": "7.0.0",
+  "version": "7.0.3",
   "description": "Vanilla JS renderer for openchart: SVG charts, HTML tables, force-directed graphs",
   "license": "Apache-2.0",
   "author": "Riley Hilliard",
@@ -50,8 +50,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@opendata-ai/openchart-core": "7.0.0",
-    "@opendata-ai/openchart-engine": "7.0.0",
+    "@opendata-ai/openchart-core": "7.0.3",
+    "@opendata-ai/openchart-engine": "7.0.3",
     "d3-force": "^3.0.0",
     "d3-quadtree": "^3.0.1"
   },

package/src/barlist-mount.ts

@@ -111,7 +111,21 @@ export function createBarList(
       measureText,
     };
 
-    return compileBarList(currentSpec, compileOpts);
+    const layout = compileBarList(currentSpec, compileOpts);
+
+    // Auto-size height to content so few-row lists don't leave empty space.
+    if (layout.rows.length > 0) {
+      const lastRow = layout.rows[layout.rows.length - 1];
+      const contentBottom =
+        lastRow.y + lastRow.height + layout.chrome.bottomHeight + layout.theme.spacing.padding;
+      if (contentBottom < layout.height) {
+        layout.height = contentBottom;
+        layout.area.height =
+          contentBottom - layout.area.y - layout.chrome.bottomHeight - layout.theme.spacing.padding;
+      }
+    }
+
+    return layout;
   }
 
   function wireTooltipAndInteraction(svg: SVGSVGElement, layout: BarListLayout): () => void {

package/src/interactions/crosshair.ts

@@ -20,23 +20,28 @@ function snapKey(x: number): number {
 }
 
 function collectSeriesGroups(layout: ChartLayout): SeriesGroup[] {
-  const groups: SeriesGroup[] = [];
+  // Dedupe by seriesKey: area charts emit BOTH an AreaMark and a derived
+  // LineMark per series. Without dedupe, single-series area charts show
+  // "line-0" / "area-1" in the tooltip instead of the actual data fields.
+  // Prefer the line mark (same logic as endpoint-labels).
+  const byKey = new Map<string, SeriesGroup>();
+  const markTypeByKey = new Map<string, 'line' | 'area'>();
   for (let i = 0; i < layout.marks.length; i++) {
     const mark = layout.marks[i];
     if ((mark.type === 'line' || mark.type === 'area') && mark.dataPoints?.length) {
+      const key = mark.seriesKey ?? '__default__';
+      const existingType = markTypeByKey.get(key);
+      if (existingType === 'line' && mark.type === 'area') continue;
       const color = mark.type === 'line' ? mark.stroke : getRepresentativeColor(mark.fill);
       const pointsByX = new Map<number, SeriesPoint>();
       for (const dp of mark.dataPoints) {
         pointsByX.set(snapKey(dp.x), { ...dp });
       }
-      groups.push({
-        seriesKey: mark.seriesKey ?? `${mark.type}-${i}`,
-        color,
-        pointsByX,
-      });
+      byKey.set(key, { seriesKey: key, color, pointsByX });
+      markTypeByKey.set(key, mark.type);
     }
   }
-  return groups;
+  return Array.from(byKey.values());
 }
 
 function collectSnapXs(groups: SeriesGroup[]): number[] {