@opendata-ai/openchart-vanilla 7.2.2 → 7.2.3

package/dist/index.js

@@ -6226,26 +6226,31 @@ function renderMarks(parent, layout) {
 }
 
 // src/renderers/metrics.ts
+var DELTA_SIZE_RATIO = 12 / 22;
 function renderMetrics(parent, layout) {
   const bar = layout.metrics;
   if (!bar || bar.cells.length === 0) return;
+  const labelSize = layout.theme.fonts.sizes.metricLabel;
+  const valueSize = layout.theme.fonts.sizes.metricValue;
+  const deltaSize = Math.round(valueSize * DELTA_SIZE_RATIO);
   const g = createSVGElement2("g");
   g.setAttribute("class", "oc-metrics");
   for (const cell of bar.cells) {
     const label = createSVGElement2("text");
     label.setAttribute("class", "oc-metric-label");
-    setAttrs2(label, { x: cell.x, y: cell.labelY });
+    setAttrs2(label, { x: cell.x, y: cell.labelY, "font-size": labelSize });
     label.textContent = cell.metric.label.toUpperCase();
     g.appendChild(label);
     const value = createSVGElement2("text");
     value.setAttribute("class", "oc-metric-value");
-    setAttrs2(value, { x: cell.x, y: cell.valueY });
+    setAttrs2(value, { x: cell.x, y: cell.valueY, "font-size": valueSize });
     value.textContent = cell.metric.value;
     if (cell.metric.delta) {
       const delta = createSVGElement2("tspan");
       const tone = cell.metric.deltaTone ?? "up";
       delta.setAttribute("class", tone === "down" ? "oc-metric-delta-down" : "oc-metric-delta-up");
       delta.setAttribute("dx", "8");
+      delta.setAttribute("font-size", String(deltaSize));
       delta.textContent = cell.metric.delta;
       value.appendChild(delta);
     }
@@ -6253,6 +6258,7 @@ function renderMetrics(parent, layout) {
       const secondary = createSVGElement2("tspan");
       secondary.setAttribute("class", "oc-metric-secondary");
       secondary.setAttribute("dx", "6");
+      secondary.setAttribute("font-size", String(deltaSize));
       secondary.textContent = cell.metric.secondary;
       value.appendChild(secondary);
     }