evui 3.3.8 → 3.3.9

package/dist/evui.umd.js

@@ -7895,7 +7895,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.3.8\"}");
+module.exports = JSON.parse("{\"a\":\"3.3.9\"}");
 
 /***/ }),
 
@@ -31879,6 +31879,11 @@ var modules = {
         dataIndex = _ref.dataIndex;
     var useApproximate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var dataInfo = this.getDataByValues(seriesID, dataIndex);
+
+    if (!dataInfo || !(dataInfo !== null && dataInfo !== void 0 && dataInfo.xp) || !(dataInfo !== null && dataInfo !== void 0 && dataInfo.yp)) {
+      return null;
+    }
+
     return this.getItemByPosition([dataInfo.xp, dataInfo.yp], useApproximate);
   },
 
@@ -32940,7 +32945,8 @@ var BAR_OPTION = {
     use: false,
     fontSize: 12,
     textColor: '#000000',
-    formatter: null
+    formatter: null,
+    decimalPoint: 0
   }
 };
 var PIE_OPTION = {
@@ -32950,6 +32956,12 @@ var PIE_OPTION = {
     show: true,
     color: '#FFFFFF',
     lineWidth: 2
+  },
+  showValue: {
+    use: false,
+    fontSize: 12,
+    textColor: '#000000',
+    formatter: null
   }
 };
 var AXIS_OPTION = {
@@ -34317,7 +34329,8 @@ var element_bar_Bar = /*#__PURE__*/function () {
           fontSize = _this$showValue.fontSize,
           textColor = _this$showValue.textColor,
           align = _this$showValue.align,
-          formatter = _this$showValue.formatter;
+          formatter = _this$showValue.formatter,
+          decimalPoint = _this$showValue.decimalPoint;
       var x = positions.x,
           y = positions.y,
           w = positions.w,
@@ -34348,7 +34361,7 @@ var element_bar_Bar = /*#__PURE__*/function () {
       }
 
       if (!formatter || typeof formattedTxt !== 'string') {
-        formattedTxt = helpers_util.labelSignFormat(value);
+        formattedTxt = helpers_util.labelSignFormat(value, decimalPoint);
       }
 
       var vw = Math.round(ctx.measureText(formattedTxt).width);
@@ -34798,6 +34811,7 @@ var element_pie_Pie = /*#__PURE__*/function () {
     this.centerX = 0;
     this.centerY = 0;
     this.radius = 0;
+    this.doughnutHoleSize = 0;
     this.startAngle = 0;
     this.endAngle = 0;
     this.slice = null;
@@ -34818,9 +34832,12 @@ var element_pie_Pie = /*#__PURE__*/function () {
   _createClass(Pie, [{
     key: "draw",
     value: function draw(context, strokeOptions) {
+      var _this$showValue;
+
       var ctx = context !== null && context !== void 0 ? context : this.ctx;
       var slice = new Path2D();
       var radius = this.isSelect ? this.radius + 5 : this.radius;
+      var doughnutHoleRadius = this.radius * this.doughnutHoleSize;
       var color = this.color;
       var noneDownplayOpacity = color.includes('rgba') ? helpers_util.getOpacity(color) : 1;
       var opacity = this.state === 'downplay' ? 0.1 : noneDownplayOpacity;
@@ -34838,6 +34855,10 @@ var element_pie_Pie = /*#__PURE__*/function () {
         ctx.stroke(slice);
       }
 
+      if ((_this$showValue = this.showValue) !== null && _this$showValue !== void 0 && _this$showValue.use) {
+        this.drawValueLabels(ctx, doughnutHoleRadius);
+      }
+
       ctx.closePath();
       this.slice = slice;
       this.ctx = ctx;
@@ -34887,8 +34908,11 @@ var element_pie_Pie = /*#__PURE__*/function () {
   }, {
     key: "itemHighlight",
     value: function itemHighlight(item, context) {
+      var _this$showValue2;
+
       var ctx = context;
       var radius = this.isSelect ? this.radius + 5 : this.radius;
+      var doughnutHoleRadius = this.radius * this.doughnutHoleSize;
       ctx.save();
       ctx.shadowOffsetX = 0;
       ctx.shadowOffsetY = 0;
@@ -34901,9 +34925,62 @@ var element_pie_Pie = /*#__PURE__*/function () {
       ctx.arc(this.centerX, this.centerY, radius, this.startAngle, this.endAngle);
       ctx.lineTo(this.centerX, this.centerY);
       ctx.fill();
+
+      if ((_this$showValue2 = this.showValue) !== null && _this$showValue2 !== void 0 && _this$showValue2.use) {
+        this.drawValueLabels(ctx, doughnutHoleRadius);
+      }
+
       ctx.closePath();
       ctx.restore();
     }
+    /**
+     * Draw value label if series 'use' of showValue option is true
+     *
+     * @param context           canvas context
+     */
+
+  }, {
+    key: "drawValueLabels",
+    value: function drawValueLabels(context) {
+      var _this$showValue3 = this.showValue,
+          fontSize = _this$showValue3.fontSize,
+          textColor = _this$showValue3.textColor,
+          formatter = _this$showValue3.formatter;
+      var ctx = context;
+      ctx.save();
+      ctx.beginPath();
+      ctx.font = "normal normal normal ".concat(fontSize, "px Roboto");
+      ctx.fillStyle = textColor;
+      ctx.lineWidth = 1;
+      ctx.textAlign = 'center';
+      ctx.textBaseline = 'middle';
+      var value = this.data.o;
+      var formattedTxt;
+
+      if (formatter) {
+        formattedTxt = formatter(value);
+      }
+
+      if (!formatter || typeof formattedTxt !== 'string') {
+        formattedTxt = helpers_util.labelSignFormat(value);
+      }
+
+      var ratio = 1.8;
+      var radius = this.radius - this.doughnutHoleSize;
+      var innerAngle = (this.endAngle - this.startAngle) * 180 / Math.PI;
+      var valueHeight = fontSize + 4;
+      var valueWidth = Math.round(ctx.measureText(formattedTxt).width);
+
+      if (innerAngle >= valueWidth * ratio && innerAngle >= valueHeight * ratio && radius >= valueWidth * ratio && radius >= valueHeight * ratio) {
+        var halfRadius = radius / 2 + this.doughnutHoleSize;
+        var centerAngle = (this.endAngle - this.startAngle) / 2 + this.startAngle;
+        var xPos = halfRadius * Math.cos(centerAngle) + this.centerX;
+        var yPos = halfRadius * Math.sin(centerAngle) + this.centerY;
+        ctx.fillText(formattedTxt, xPos, yPos);
+      }
+
+      ctx.restore();
+    }
   }]);
 
   return Pie;
@@ -38578,6 +38655,8 @@ var plugins_pie_modules = {
           series = this.seriesList[slice.id];
 
           if (value) {
+            var _pieOption$doughnutHo;
+
             var strokeOptions = _objectSpread2({}, pieOption.pieStroke);
 
             if (pie.data.length === 1 && pieOption.pieStroke.use) {
@@ -38593,6 +38672,7 @@ var plugins_pie_modules = {
             series.centerX = centerX;
             series.centerY = centerY;
             series.radius = radius;
+            series.doughnutHoleSize = radius * ((_pieOption$doughnutHo = pieOption.doughnutHoleSize) !== null && _pieOption$doughnutHo !== void 0 ? _pieOption$doughnutHo : 0);
             series.startAngle = startAngle;
             series.endAngle = endAngle;
             series.data = {
@@ -38674,6 +38754,8 @@ var plugins_pie_modules = {
           series = this.seriesList[slice.id];
 
           if (slice.value) {
+            var _pieOption$doughnutHo2;
+
             var strokeOptions = _objectSpread2({}, pieOption.pieStroke);
 
             if (pie.data.length === 1 && pieOption.pieStroke.use) {
@@ -38689,6 +38771,7 @@ var plugins_pie_modules = {
             series.centerX = centerX;
             series.centerY = centerY;
             series.radius = radius;
+            series.doughnutHoleSize = radius * ((_pieOption$doughnutHo2 = pieOption.doughnutHoleSize) !== null && _pieOption$doughnutHo2 !== void 0 ? _pieOption$doughnutHo2 : 0);
             series.startAngle = slice.sa;
             series.endAngle = slice.ea;
             series.data = {