@carbon/charts-vue 0.54.3 → 0.54.4

package/charts-vue.umd.js

@@ -25098,6 +25098,7 @@ var area_Area = /** @class */ (function (_super) {
         var _this = this;
         if (animate === void 0) { animate = true; }
         var svg = this.getComponentContainer({ withinChartClip: true });
+        var options = this.getOptions();
         var domain = [0, 0];
         var cartesianScales = this.services.cartesianScales;
         var orientation = cartesianScales.getOrientation();
@@ -25113,15 +25114,26 @@ var area_Area = /** @class */ (function (_super) {
         });
         // Update the bound data on area groups
         var groupedData = this.model.getGroupedData(this.configs.groups);
-        var bounds = tools_Tools.getProperty(this.getOptions(), 'bounds');
+        var bounds = tools_Tools.getProperty(options, 'bounds');
         var boundsEnabled = bounds && groupedData && groupedData.length === 1;
         if (!boundsEnabled && bounds) {
             console.warn("Bounds can only be shown when having 1 single datagroup, you've supplied " + groupedData.length); // eslint-disable-line no-console
         }
+        var upperBoundRangeValue = 0;
+        // If includeZero is enabled, we want to replace upperBoundRange from 0 to domain value
+        var includeZeroInRangeValue = function (position, domain) {
+            if (tools_Tools.getProperty(options, 'axes', position, 'includeZero') ===
+                false) {
+                // Replace upperBoundRangeValue if domain is positive
+                if (domain[0] > 0 && domain[1] > 0) {
+                    upperBoundRangeValue = domain[0];
+                }
+            }
+        };
         var upperBound = function (d, i) {
             return boundsEnabled
                 ? cartesianScales.getBoundedScaledValues(d, i)[0]
-                : cartesianScales.getRangeValue(0);
+                : cartesianScales.getRangeValue(upperBoundRangeValue);
         };
         var lowerBound = function (d, i) {
             return boundsEnabled
@@ -25129,21 +25141,23 @@ var area_Area = /** @class */ (function (_super) {
                 : cartesianScales.getRangeValue(d, i);
         };
         if (orientation === CartesianOrientations.VERTICAL) {
-            domain = this.services.cartesianScales.getMainYScale().domain();
+            domain = cartesianScales.getMainYScale().domain();
+            includeZeroInRangeValue(cartesianScales.getMainYAxisPosition(), domain);
             areaGenerator
                 .x(function (d, i) { return cartesianScales.getDomainValue(d, i); })
                 .y0(function (d, i) { return upperBound(d, i); })
                 .y1(function (d, i) { return lowerBound(d, i); });
         }
         else {
-            domain = this.services.cartesianScales.getMainXScale().domain();
+            domain = cartesianScales.getMainXScale().domain();
+            includeZeroInRangeValue(cartesianScales.getMainXAxisPosition(), domain);
             areaGenerator
                 .x0(function (d, i) { return upperBound(d, i); })
                 .x1(function (d, i) { return lowerBound(d, i); })
                 .y(function (d, i) { return cartesianScales.getDomainValue(d, i); });
         }
         // Is gradient enabled or not
-        var isGradientEnabled = tools_Tools.getProperty(this.getOptions(), 'color', 'gradient', 'enabled');
+        var isGradientEnabled = tools_Tools.getProperty(options, 'color', 'gradient', 'enabled');
         // Should gradient style be applicable
         var isGradientAllowed = groupedData && groupedData.length === 1 && isGradientEnabled;
         if (groupedData.length > 1 && isGradientEnabled) {