@tangle-network/charts 0.15.0 → 0.15.1

package/dist/index.js

@@ -2336,6 +2336,7 @@ function xTicks(xs, px, left, right, width, label, size = 12) {
 		const [a, b] = span(x);
 		if (a < 2 || b > width - 2) continue;
 		const previous = kept.at(-1);
+		if (previous !== void 0 && label(x) === label(previous)) continue;
 		if (previous !== void 0 && a < span(previous)[1] + 10) {
 			if (x !== xs.at(-1) || kept.length === 1) continue;
 			kept.pop();
@@ -2460,7 +2461,7 @@ function pointMark(x, y, shape, r, p) {
 * Text beside a mark: the status glyph, `*` or `?`, the label and `×n`. Drawn to the right, or to the left when it
 * would cross `limit`; returns the markup and its width so a caller can skip it when the column has no room.
 */
-function pointBadge(x, y, r, p, limit) {
+function pointBadge(x, y, r, p, limit, above = false) {
 	const parts = [];
 	if (p.glyph === "check") parts.push(["✓", "tgc-glyph-check"]);
 	if (p.glyph === "cross") parts.push(["✕", "tgc-glyph-cross"]);
@@ -2473,9 +2474,13 @@ function pointBadge(x, y, r, p, limit) {
 		width: 0
 	};
 	const width = textWidth(parts.map(([t]) => t).join(" "), 10, "mono");
+	const spans = parts.map(([t, cls], i) => `<tspan class="${cls}">${i ? " " : ""}${esc(t)}</tspan>`).join("");
+	if (above) return {
+		svg: `<text class="tgc-point-badge" x="${Math.round(x * 100) / 100}" y="${Math.round((y - r - 5) * 100) / 100}" font-size="10" text-anchor="middle">${spans}</text>`,
+		width
+	};
 	const left = x + r + 3 + width > limit;
 	const tx = left ? x - r - 3 : x + r + 3;
-	const spans = parts.map(([t, cls], i) => `<tspan class="${cls}">${i ? " " : ""}${esc(t)}</tspan>`).join("");
 	return {
 		svg: `<text class="tgc-point-badge" x="${Math.round(tx * 100) / 100}" y="${Math.round((y + 3.5) * 100) / 100}" font-size="10"${left ? " text-anchor=\"end\"" : ""}>${spans}</text>`,
 		width
@@ -2510,9 +2515,22 @@ function placeBadges(pending, marks, left, right) {
 			y - 6,
 			y + 6
 		];
-		if (!free(box)) continue;
-		placed.push(box);
-		out += badge.svg;
+		const over = [
+			x - badge.width / 2,
+			x + badge.width / 2,
+			y - r - 15,
+			y - r - 3
+		];
+		const at = free(box) ? {
+			box,
+			svg: badge.svg
+		} : free(over) ? {
+			box: over,
+			svg: pointBadge(x, y, r, point, right, true).svg
+		} : null;
+		if (!at) continue;
+		placed.push(at.box);
+		out += at.svg;
 	}
 	return out;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/charts",
-  "version": "0.15.0",
+  "version": "0.15.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",