@opendata-ai/openchart-engine 6.8.0 → 6.9.0

package/dist/index.d.ts

@@ -298,6 +298,7 @@ interface NormalizedSankeySpec {
     nodeAlign: SankeyNodeAlign;
     iterations: number;
     linkStyle: SankeyLinkColor;
+    nodeLabelAlign: 'auto' | 'left' | 'right';
     chrome: NormalizedChrome;
     legend?: LegendConfig;
     theme: ThemeConfig;

package/dist/index.js

@@ -6111,6 +6111,7 @@ function normalizeSankeySpec(spec, _warnings) {
     nodeAlign: spec.nodeAlign ?? "justify",
     iterations: spec.iterations ?? 6,
     linkStyle: spec.linkStyle ?? "gradient",
+    nodeLabelAlign: spec.nodeLabelAlign ?? "auto",
     chrome: normalizeChrome(spec.chrome),
     legend: spec.legend,
     theme: spec.theme ?? {},
@@ -8924,9 +8925,16 @@ function getLinkColors(linkStyle, sourceColor, targetColor, neutralColor) {
       return { sourceColor, targetColor };
   }
 }
-function computeNodeLabel(node, maxDepth, theme, nodeWidth) {
+function computeNodeLabel(node, maxDepth, theme, nodeWidth, nodeLabelAlign = "auto") {
   const depth = node.depth ?? 0;
-  const isRightmost = depth === maxDepth;
+  let placeLeft;
+  if (nodeLabelAlign === "left") {
+    placeLeft = true;
+  } else if (nodeLabelAlign === "right") {
+    placeLeft = false;
+  } else {
+    placeLeft = depth === maxDepth;
+  }
   const style = {
     fontFamily: theme.fonts.family,
     fontSize: theme.fonts.sizes.small,
@@ -8939,7 +8947,7 @@ function computeNodeLabel(node, maxDepth, theme, nodeWidth) {
   const y0 = node.y0 ?? 0;
   const y1 = node.y1 ?? 0;
   const midY = (y0 + y1) / 2;
-  if (isRightmost) {
+  if (placeLeft) {
     return {
       text: node.label ?? node.id,
       x: x0 - LABEL_GAP,
@@ -9047,12 +9055,14 @@ function compileSankey(spec, options) {
     sankeySpec.nodeAlign,
     sankeySpec.iterations
   );
+  const nodeLabelAlign = sankeySpec.nodeLabelAlign ?? "auto";
   const maxDepthFirst = nodes.reduce((max4, n) => Math.max(max4, n.depth ?? 0), 0);
   const rightEdge = area.x + area.width;
   let maxOverflow = 0;
   for (const node of nodes) {
     const depth = node.depth ?? 0;
-    if (depth === maxDepthFirst) continue;
+    const labelsLeft = nodeLabelAlign === "left" || nodeLabelAlign === "auto" && depth === maxDepthFirst;
+    if (labelsLeft) continue;
     const labelX = (node.x1 ?? nodeWidth) + LABEL_GAP;
     const labelText = node.label ?? node.id;
     const labelWidth = estimateTextWidth10(labelText, labelFontSize, labelFontWeight);
@@ -9099,7 +9109,7 @@ function compileSankey(spec, options) {
       height: (node.y1 ?? 0) - (node.y0 ?? 0),
       fill,
       cornerRadius: NODE_CORNER_RADIUS,
-      label: computeNodeLabel(node, maxDepth, theme, sankeySpec.nodeWidth),
+      label: computeNodeLabel(node, maxDepth, theme, sankeySpec.nodeWidth, nodeLabelAlign),
       nodeId: node.id,
       value: node.value ?? 0,
       depth,