@opendata-ai/openchart-vanilla 2.2.1 → 2.3.1

package/dist/index.js

@@ -252,7 +252,7 @@ var GraphCanvasRenderer = class {
     ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
     const padding = theme.spacing.padding;
     const x = w - padding;
-    const y = h - 4;
+    const y = h - padding;
     ctx.font = `600 20px ${theme.fonts.family}`;
     ctx.fillStyle = theme.colors.axis;
     ctx.globalAlpha = 0.5;
@@ -558,9 +558,14 @@ var GraphCanvasRenderer = class {
       if (!forced && node.labelPriority < threshold) continue;
       ctx.globalAlpha = dimmed ? SEARCH_NON_MATCH_ALPHA : 1;
       const labelY = node.y + node.radius + 3;
-      ctx.strokeStyle = theme.colors.background === "transparent" ? "rgba(0, 0, 0, 0.7)" : theme.colors.background;
+      if (theme.colors.background !== "transparent") {
+        ctx.strokeStyle = theme.colors.background;
+      } else {
+        ctx.strokeStyle = isLightColor(theme.colors.text) ? "rgba(0, 0, 0, 0.7)" : "rgba(255, 255, 255, 0.85)";
+      }
       ctx.lineWidth = 3;
       ctx.lineJoin = "round";
+      ctx.miterLimit = 2;
       ctx.strokeText(node.label, node.x, labelY);
       ctx.fillStyle = theme.colors.text;
       ctx.fillText(node.label, node.x, labelY);
@@ -586,6 +591,16 @@ function brighten(color) {
   }
   return color;
 }
+function isLightColor(color) {
+  const hex = color.replace("#", "");
+  const full = hex.length === 3 ? hex.split("").map((c) => c + c).join("") : hex;
+  if (full.length !== 6) return false;
+  const r = parseInt(full.slice(0, 2), 16) / 255;
+  const g = parseInt(full.slice(2, 4), 16) / 255;
+  const b = parseInt(full.slice(4, 6), 16) / 255;
+  const toLinear = (c) => c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  return 0.2126 * toLinear(r) + 0.7152 * toLinear(g) + 0.0722 * toLinear(b) > 0.5;
+}
 
 // src/graph/zoom.ts
 var ZoomTransform = class _ZoomTransform {