@hpcc-js/chart 2.84.1 → 2.86.0

package/dist/index.es6.js

@@ -3,8 +3,8 @@ import { publish, select, scaleTime, timeParse, timeFormat, scaleLog, format, sc
 import { normalizeRadians, degreesToRadians } from '@hpcc-js/util';
 
 var PKG_NAME = "@hpcc-js/chart";
-var PKG_VERSION = "2.84.1";
-var BUILD_VERSION = "2.106.1";
+var PKG_VERSION = "2.86.0";
+var BUILD_VERSION = "2.107.0";
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -20,7 +20,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 var extendStatics = function(d, b) {
   extendStatics = Object.setPrototypeOf ||
@@ -9041,6 +9041,8 @@ Gauge.prototype.publish("tickColor", "black", "html-color", "Color of the tick")
 var css_248z$6 = ".chart_Pie path,.chart_Pie>g>text{cursor:pointer}.chart_Pie .arc path{stroke:#fff;stroke-width:.75px}.chart_Pie .arc.selected path{stroke:red;stroke-width:1.5px}.chart_Pie polyline{stroke:#000;stroke-width:2px;fill:none;opacity:.3}";
 styleInject(css_248z$6);
 
+var sortAscending = function (a, b) { return a[1] - b[1] > 0 ? 1 : -1; };
+var sortDescending = function (a, b) { return a[1] - b[1] > 0 ? -1 : 1; };
 var Pie = /** @class */ (function (_super) {
     __extends(Pie, _super);
     function Pie() {
@@ -9187,9 +9189,15 @@ var Pie = /** @class */ (function (_super) {
             .padRadius(outerRadius)
             .outerRadius(outerRadius);
         this._quadIdxArr = [[], [], [], []];
-        var data = __spreadArray([], __read(this.data()), false).sort(function (a, b) {
-            return a[1] - b[1] > 0 ? -1 : 1;
-        });
+        var data = __spreadArray([], __read(this.data()), false);
+        switch (this.sortDataByValue()) {
+            case "ascending":
+                data.sort(sortAscending);
+                break;
+            case "descending":
+                data.sort(sortDescending);
+                break;
+        }
         var arc = this._slices.selectAll(".arc").data(this.d3Pie(data), function (d) { return d.data[0]; });
         this._labelPositions = [];
         //  Enter  ---
@@ -9391,13 +9399,20 @@ var Pie = /** @class */ (function (_super) {
     };
     Pie.prototype.updateD3Pie = function () {
         var startAngle = normalizeRadians(degreesToRadians(this.startAngle()));
+        switch (this.sortDataByValue()) {
+            case "ascending":
+                this.d3Pie.sort(sortAscending);
+                break;
+            case "descending":
+                this.d3Pie.sort(sortDescending);
+                break;
+            default:
+                this.d3Pie.sort(null);
+        }
         this.d3Pie
             .padAngle(0.0025)
             .startAngle(startAngle)
             .endAngle(2 * Math.PI + startAngle)
-            .sort(function (b, a) {
-            return a[1] < b[1] ? -1 : a[1] > b[1] ? 1 : 0;
-        })
             .value(function (d) {
             return d[1];
         });
@@ -9426,6 +9441,7 @@ Pie.prototype.publish("innerRadius", 0, "number", "Sets inner pie hole radius as
 Pie.prototype.publish("minOuterRadius", 20, "number", "Minimum outer radius (pixels)");
 Pie.prototype.publish("startAngle", 0, "number", "Starting angle of the first (and largest) wedge (degrees)");
 Pie.prototype.publish("labelHeight", 12, "number", "Font size of labels (pixels)", null, { disable: function (w) { return !w.showLabels(); } });
+Pie.prototype.publish("sortDataByValue", "descending", "set", "Sort data by value", ["none", "ascending", "descending"]);
 
 var HalfPie = /** @class */ (function (_super) {
     __extends(HalfPie, _super);