@tangle-network/charts 0.9.0 → 0.9.1

package/dist/index.js

@@ -2641,10 +2641,6 @@ function timeSeries(rows, o) {
 	const xLabel = (x) => o.formatX ? o.formatX(x) : category.get(x) ?? String(x);
 	const yLabel = (y) => scalarLabel(y, o.y.unit, o.formatY);
 	const grid = yGridlines(o.y, yLabel);
-	if (axisGutter(grid) >= 270) return {
-		id,
-		refused: "Formatted y-axis labels leave no room for the phone chart. Use a shorter formatter or unit."
-	};
 	const flat = rows.flatMap((row) => row.points.map((point) => ({
 		row,
 		point
@@ -2656,6 +2652,14 @@ function timeSeries(rows, o) {
 	const hasEvents = marks.length + bands.length > 0;
 	const groups = bands.some((band) => band.kind === "group");
 	const stripName = o.y.strip?.trim() || "no value";
+	if (axisGutter(grid) >= 270) return {
+		id,
+		refused: "Formatted y-axis labels leave no room for the phone chart. Use a shorter formatter or unit."
+	};
+	if (stripped.length && axisGutter(grid, stripName) >= 270) return {
+		id,
+		refused: "The strip name leaves no room for the phone chart. Use a shorter y.strip."
+	};
 	const valueText = (point) => point.y !== null ? yLabel(point.y) : point.verdict !== void 0 ? `${stripName} (${VERDICT_WORD[point.verdict]})` : "not measured";
 	const facts = (row, point) => [
 		row.label,
@@ -2710,14 +2714,14 @@ function timeSeries(rows, o) {
 	};
 }
 function plot(rows, o, width, xLabel, yLabel, grid, facts, stripName) {
-	const left = axisGutter(grid);
+	const strip = rows.some((row) => row.points.some((point) => point.y === null && point.verdict !== void 0)) ? 24 : 0;
+	const left = axisGutter(grid, strip ? stripName : void 0);
 	const right = width - 24;
 	const axis = xAxis(o.x.domain, o.x.categories, left, right);
 	const px = axis.px;
 	const labelRows = markLabelRows(o.marks ?? [], px, left, right);
 	const top = 36 + (labelRows ? labelRows * 14 + 2 : 0) + groupRowHeight(o.bands), bottom = top + 224;
 	const py = yScale(o.y.domain, o.y.scale, top, bottom);
-	const strip = rows.some((row) => row.points.some((point) => point.y === null && point.verdict !== void 0)) ? 24 : 0;
 	let marks = text(left, 18, o.y.label, { cls: "tgc-ink-muted" });
 	for (const [i, tick] of grid.entries()) marks += line(left, py(tick.at), right, py(tick.at), i === 0 && !o.y.ticks?.length ? "tgc-axis" : "tgc-gridline") + text(left - 8, py(tick.at) + 4, tick.label, {
 		anchor: "end",
@@ -2844,8 +2848,8 @@ function plot(rows, o, width, xLabel, yLabel, grid, facts, stripName) {
 	const events = drawMarks(o.marks ?? [], px, top - groupRowHeight(o.bands), bottom, left, right, xLabel, 22);
 	return `<svg class="tgc-svg tgc-trajectories" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${legendY + 12}" viewBox="0 0 ${width} ${legendY + 12}" role="group" aria-label="${esc(o.y.label)} by ${esc(o.x.label)}"><style>${rules}</style>${marks}${events}${points}${badges}${tips}</svg>`;
 }
-function axisGutter(ticks) {
-	return Math.max(64, ...ticks.map((tick) => Math.ceil(textWidth(tick.label, 12, "mono")) + 20));
+function axisGutter(ticks, stripName) {
+	return Math.max(64, ...ticks.map((tick) => Math.ceil(textWidth(tick.label, 12, "mono")) + 20), stripName ? Math.ceil(textWidth(stripName, 11)) + 14 : 0);
 }
 //#endregion
 //#region src/small-multiples.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/charts",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Static SVG and HTML figures for benchmarks and operational timing. Draws from producer data and refuses what it cannot draw honestly.",
   "type": "module",
   "license": "MIT",