@carbon/charts-vue 0.55.1 → 0.56.0

package/charts-vue.umd.js

@@ -8544,7 +8544,7 @@ var axisChart = tools_Tools.merge({}, chart, {
 var baseBarChart = tools_Tools.merge({}, axisChart, {
     bars: {
         maxWidth: 16,
-        spacingFactor: 0.25
+        spacingFactor: 0.25,
     },
     timeScale: tools_Tools.merge(timeScale, {
         addSpaceOnEdges: 1,
@@ -8837,6 +8837,7 @@ var alluvialChart = tools_Tools.merge({}, chart, {
         data: tools_Tools.merge(chart.data, {
             groupMapsTo: 'source',
         }),
+        nodeAlignment: Alignments.CENTER,
         nodePadding: 24,
         monochrome: false,
         nodes: [],
@@ -34722,11 +34723,21 @@ var alluvial_Alluvial = /** @class */ (function (_super) {
         if (options.alluvial.nodePadding > alluvial.minNodePadding) {
             nodePadding = options.alluvial.nodePadding;
         }
+        var alignment = tools_Tools.getProperty(options, 'alluvial', 'nodeAlignment');
+        var nodeAlignment = justify;
+        if (alignment === Alignments.LEFT) {
+            nodeAlignment = align_left;
+        }
+        else if (alignment === Alignments.RIGHT) {
+            nodeAlignment = align_right;
+        }
         var sankey = Sankey()
             .nodeId(function (d) { return d.name; })
             .nodeWidth(alluvial.nodeWidth)
             // Distance nodes are apart from each other
             .nodePadding(nodePadding)
+            // Alignment of nodes within chart
+            .nodeAlign(nodeAlignment)
             // Size of the chart and its padding
             // Chart starts at 2 and ends at width - 2 so the outer nodes can expand from center
             // Chart starts from 30 so node categories can be displayed