@opendata-ai/openchart-engine 6.6.0 → 6.7.0

package/dist/index.d.ts

@@ -205,8 +205,8 @@ interface NormalizedChartSpec {
     encoding: Encoding;
     chrome: NormalizedChrome;
     annotations: Annotation[];
-    /** Normalized label configuration with defaults applied. density and format are always set; offsets stays optional. */
-    labels: Required<Pick<LabelConfig, 'density' | 'format'>> & Pick<LabelConfig, 'offsets'>;
+    /** Normalized label configuration with defaults applied. density, format, and prefix are always set; offsets stays optional. */
+    labels: Required<Pick<LabelConfig, 'density' | 'format' | 'prefix'>> & Pick<LabelConfig, 'offsets'>;
     /** Legend configuration (position override). */
     legend?: LegendConfig;
     responsive: boolean;

package/dist/index.js

@@ -844,7 +844,7 @@ var LABEL_FONT_SIZE = 11;
 var LABEL_FONT_WEIGHT = 600;
 var LABEL_PADDING = 6;
 var MIN_WIDTH_FOR_INSIDE_LABEL = 40;
-function computeBarLabels(marks, _chartArea, density = "auto", labelFormat) {
+function computeBarLabels(marks, _chartArea, density = "auto", labelFormat, labelPrefix) {
   if (density === "none") return [];
   const targetMarks = density === "endpoints" && marks.length > 1 ? [marks[0], marks[marks.length - 1]] : marks;
   const candidates = [];
@@ -860,6 +860,7 @@ function computeBarLabels(marks, _chartArea, density = "auto", labelFormat) {
       const num = parseDisplayNumber(rawValue);
       if (!Number.isNaN(num)) valuePart = formatter(num);
     }
+    if (labelPrefix) valuePart = labelPrefix + valuePart;
     const textWidth = estimateTextWidth2(valuePart, LABEL_FONT_SIZE, LABEL_FONT_WEIGHT);
     const textHeight = LABEL_FONT_SIZE * 1.2;
     const isStacked = mark.cornerRadius === 0;
@@ -942,7 +943,13 @@ function computeBarLabels(marks, _chartArea, density = "auto", labelFormat) {
 // src/charts/bar/index.ts
 var barRenderer = (spec, scales, chartArea, strategy, _theme) => {
   const marks = computeBarMarks(spec, scales, chartArea, strategy);
-  const labels = computeBarLabels(marks, chartArea, spec.labels.density, spec.labels.format);
+  const labels = computeBarLabels(
+    marks,
+    chartArea,
+    spec.labels.density,
+    spec.labels.format,
+    spec.labels.prefix
+  );
   for (let i = 0; i < marks.length && i < labels.length; i++) {
     marks[i].label = labels[i];
   }
@@ -1131,7 +1138,7 @@ import {
 var LABEL_FONT_SIZE2 = 10;
 var LABEL_FONT_WEIGHT2 = 600;
 var LABEL_OFFSET_Y = 6;
-function computeColumnLabels(marks, _chartArea, density = "auto", labelFormat) {
+function computeColumnLabels(marks, _chartArea, density = "auto", labelFormat, labelPrefix) {
   if (density === "none") return [];
   const targetMarks = density === "endpoints" && marks.length > 1 ? [marks[0], marks[marks.length - 1]] : marks;
   const formatter = buildD3Formatter2(labelFormat);
@@ -1146,6 +1153,7 @@ function computeColumnLabels(marks, _chartArea, density = "auto", labelFormat) {
       const num = Number(rawValue.replace(/[^0-9.-]/g, ""));
       if (!Number.isNaN(num)) valuePart = formatter(num);
     }
+    if (labelPrefix) valuePart = labelPrefix + valuePart;
     const numericValue = parseFloat(valuePart);
     const isNegative = Number.isFinite(numericValue) && numericValue < 0;
     const textWidth = estimateTextWidth3(valuePart, LABEL_FONT_SIZE2, LABEL_FONT_WEIGHT2);
@@ -1186,7 +1194,13 @@ function computeColumnLabels(marks, _chartArea, density = "auto", labelFormat) {
 // src/charts/column/index.ts
 var columnRenderer = (spec, scales, chartArea, strategy, _theme) => {
   const marks = computeColumnMarks(spec, scales, chartArea, strategy);
-  const labels = computeColumnLabels(marks, chartArea, spec.labels.density, spec.labels.format);
+  const labels = computeColumnLabels(
+    marks,
+    chartArea,
+    spec.labels.density,
+    spec.labels.format,
+    spec.labels.prefix
+  );
   for (let i = 0; i < marks.length && i < labels.length; i++) {
     marks[i].label = labels[i];
   }
@@ -1346,15 +1360,16 @@ import { estimateTextWidth as estimateTextWidth4, resolveCollisions as resolveCo
 var LABEL_FONT_SIZE3 = 11;
 var LABEL_FONT_WEIGHT3 = 600;
 var LABEL_OFFSET_X = 10;
-function computeDotLabels(marks, _chartArea, density = "auto") {
+function computeDotLabels(marks, _chartArea, density = "auto", labelPrefix) {
   if (density === "none") return [];
   const targetMarks = density === "endpoints" && marks.length > 1 ? [marks[0], marks[marks.length - 1]] : marks;
   const candidates = [];
   for (const mark of targetMarks) {
     const ariaLabel = mark.aria.label;
     const lastColon = ariaLabel.lastIndexOf(":");
-    const valuePart = lastColon >= 0 ? ariaLabel.slice(lastColon + 1).trim() : "";
+    let valuePart = lastColon >= 0 ? ariaLabel.slice(lastColon + 1).trim() : "";
     if (!valuePart) continue;
+    if (labelPrefix) valuePart = labelPrefix + valuePart;
     const textWidth = estimateTextWidth4(valuePart, LABEL_FONT_SIZE3, LABEL_FONT_WEIGHT3);
     const textHeight = LABEL_FONT_SIZE3 * 1.2;
     candidates.push({
@@ -1392,7 +1407,7 @@ function computeDotLabels(marks, _chartArea, density = "auto") {
 var dotRenderer = (spec, scales, chartArea, strategy, _theme) => {
   const marks = computeDotMarks(spec, scales, chartArea, strategy);
   const pointMarks = marks.filter((m) => m.type === "point");
-  const labels = computeDotLabels(pointMarks, chartArea, spec.labels.density);
+  const labels = computeDotLabels(pointMarks, chartArea, spec.labels.density, spec.labels.prefix);
   let labelIdx = 0;
   for (const mark of marks) {
     if (mark.type === "point" && labelIdx < labels.length) {
@@ -5971,6 +5986,7 @@ function normalizeChartSpec(spec, warnings) {
     labels: {
       density: spec.labels?.density ?? "auto",
       format: spec.labels?.format ?? "",
+      prefix: spec.labels?.prefix ?? "",
       offsets: spec.labels?.offsets
     },
     legend: spec.legend,