@hpcc-js/chart 2.82.0 → 2.83.2

package/dist/index.js

@@ -5,8 +5,8 @@
 })(this, (function (exports, api, common, util) { 'use strict';
 
   var PKG_NAME = "@hpcc-js/chart";
-  var PKG_VERSION = "2.82.0";
-  var BUILD_VERSION = "2.105.0";
+  var PKG_VERSION = "2.83.2";
+  var BUILD_VERSION = "2.105.6";
 
   /******************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -1894,7 +1894,7 @@
           this.svg.style("display", this.hidden() ? "none" : null);
           var overlap = this.calcOverflow(element);
           var lowerPos = this.isHorizontal() ? overlap.left : this.height() - overlap.top - overlap.bottom;
-          var upperPos = this.isHorizontal() ? this.width() - overlap.right : 0;
+          var upperPos = this.isHorizontal() ? this.width() - overlap.right - this.padding() : 0 + this.padding();
           this.range(this.reverse() ? [upperPos, lowerPos] : [lowerPos, upperPos]);
           var context = this;
           function doPosition(element) {
@@ -2022,6 +2022,7 @@
   Axis.prototype.publish("ordinalPaddingInner", 0.1, "number", "Determines the ratio of the range that is reserved for blank space between band (0->1)", null, { disable: function (w) { return w.type() !== "ordinal"; } });
   Axis.prototype.publish("ordinalPaddingOuter", 0.1, "number", "Determines the ratio of the range that is reserved for blank space before the first band and after the last band (0->1)", null, { disable: function (w) { return w.type() !== "ordinal"; } });
   Axis.prototype.publish("ordinalMappings", null, "object", "Alternative label mappings (icons)", null, { optional: true });
+  Axis.prototype.publish("padding", 0, "number", "Padding space at top of axis (pixels)", null, { optional: true });
 
   var css_248z$b = ".chart_XYAxis .axis{fill:#000}.chart_XYAxis .axis,.chart_XYAxis .tick>text{font:10px sans-serif}.chart_XYAxis .focus .chart_Axis.value .tick{visibility:hidden}.chart_XYAxis .axis line,.chart_XYAxis .axis path{fill:none;stroke:#000;shape-rendering:crispEdges}.chart_XYAxis .region{opacity:.33}.chart_XYAxis .brush rect.background{z-index:-999}.chart_XYAxis .brush .selection{stroke:#4682b4;stroke-opacity:1;stroke-width:1px;fill:#4682b4;fill-opacity:.125;shape-rendering:crispEdges}.chart_XYAxis .brush path.handle--custom{fill:#eee;stroke:#666}";
   styleInject(css_248z$b);
@@ -2615,6 +2616,8 @@
   XYAxis.prototype.publishProxy("yAxisHidden", "valueAxis", "hidden");
   XYAxis.prototype.publish("regions", [], "array", "Regions");
   XYAxis.prototype.publish("layers", [], "widgetArray", "Layers", null, { render: false });
+  XYAxis.prototype.publishProxy("xAxisPadding", "domainAxis", "padding");
+  XYAxis.prototype.publishProxy("yAxisPadding", "valueAxis", "padding");
 
   var css_248z$a = ".chart_Scatter .area,.chart_Scatter .line,.chart_Scatter .pointShape{pointer-events:none}.chart_Scatter .point .pointSelection{fill:none;stroke:none;pointer-events:all}.chart_Scatter .point .pointSelection.selected{fill:none;stroke:red}";
   styleInject(css_248z$a);
@@ -2996,6 +2999,7 @@
           if (this.useClonedPalette()) {
               this._palette = this._palette.cloneNotExists(this.paletteID() + "_" + this.id());
           }
+          var formatPct = common.format(context.showValueAsPercentFormat());
           var dataLen = 10;
           var offset = 0;
           switch (host.xAxisType()) {
@@ -3096,11 +3100,11 @@
                       switch (context.showValueAsPercent()) {
                           case "series":
                               var seriesSum = typeof dm.sum !== "undefined" ? dm.sum : seriesSums[d.idx];
-                              valueText = common.format(context.showValueAsPercentFormat())(valueText / seriesSum);
+                              valueText = formatPct(valueText / seriesSum);
                               break;
                           case "domain":
-                              var domainSum = typeof dm.sum !== "undefined" ? dm.sum : domainSums[d.idx - 1];
-                              valueText = common.format(context.showValueAsPercentFormat())(valueText / domainSum);
+                              var domainSum = typeof dm.sum !== "undefined" ? dm.sum : domainSums[dataRowIdx];
+                              valueText = formatPct(valueText / domainSum);
                               break;
                           case null:
                           default:
@@ -3230,7 +3234,7 @@
                                   ...then ASSUME THERES ROOM ON THE OPPOSITE SIDE
                           */
                           if (isHorizontal) { // Column
-                              noRoomInside = context.yAxisStacked() ? false : dataRect.height < textSize.height;
+                              noRoomInside = dataRect.height < textSize.height;
                               isOutside = !context.valueCentered() || noRoomInside;
                               pos.x = dataRect.x + (dataRect.width / 2);
                               if (isOutside) {
@@ -3270,7 +3274,7 @@
                               }
                           }
                           else { // Bar
-                              noRoomInside = context.yAxisStacked() ? false : dataRect.width < textSize.width;
+                              noRoomInside = dataRect.width < textSize.width;
                               isOutside = !context.valueCentered() || noRoomInside;
                               pos.y = dataRect.y + (dataRect.height / 2);
                               if (isOutside) {
@@ -3313,7 +3317,8 @@
                       var textColor = isOutside ? null : context.textColor(d.row, d.column, d.value, d.origRow);
                       //  Prevent overlapping labels on stacked columns
                       var columns = context.columns();
-                      var hideValue = isOutside && context.yAxisStacked() && columns.indexOf(d.column) !== columns.length - 1;
+                      var hideValue = (context.yAxisStacked() && noRoomInside) ||
+                          (isOutside && context.yAxisStacked() && columns.indexOf(d.column) !== columns.length - 1);
                       context.textLocal.get(this)
                           .pos(pos)
                           .anchor(valueAnchor)