@easyv/charts 1.4.26 → 1.4.28

package/lib/components/PieChart.js

@@ -22,6 +22,7 @@ var _formatter = require("../formatter");
 var _piechartModule = _interopRequireDefault(require("../css/piechart.module.css"));
 var _hooks = require("../hooks");
 var _PieTooltip = require("./PieTooltip");
+var _utils2 = require("@easyv/utils/lib/common/utils");
 var _excluded = ["startAngle", "endAngle", "antiClockwise"],
   _excluded2 = ["padAngle", "innerRadius", "outerRadius", "cornerRadius", "startAngle", "endAngle"],
   _excluded3 = ["formatter"],
@@ -592,7 +593,11 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     },
     mousePos: mousePos
   }), /*#__PURE__*/_react["default"].createElement(_.Legend, (0, _extends2["default"])({}, legend, {
-    series: _arcs,
+    series: _arcs.map(function (arc) {
+      return _objectSpread(_objectSpread({}, arc), {}, {
+        percent: arc.percent.toFixed(legendPrecision)
+      });
+    }),
     formatter: formatter,
     judge: judgeData
   }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.ChartContainer, {
@@ -736,7 +741,11 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     },
     mousePos: mousePos
   }), /*#__PURE__*/_react["default"].createElement(_.Legend, (0, _extends2["default"])({}, legend, {
-    series: _arcs,
+    series: _arcs.map(function (arc) {
+      return _objectSpread(_objectSpread({}, arc), {}, {
+        percent: arc.percent.toFixed(legendPrecision)
+      });
+    }),
     formatter: formatter,
     judge: judgeData
   })));

package/lib/components/pieTooltip.js

@@ -32,6 +32,7 @@ var PieTooltip = /*#__PURE__*/(0, _react.memo)(function (props) {
     percentageFont = _props$config$tip$dat3.fontStyle,
     percentageSuffix = _props$config$tip$dat3.suffix,
     percentageSuffixIsShow = _props$config$tip$dat3.suffix.show,
+    precision = _props$config$tip$dat3.precision,
     image = _props$config$tip.image,
     margin = _props$config$tip.margin,
     _props$config$tip$siz = _props$config$tip.size,
@@ -87,7 +88,7 @@ var PieTooltip = /*#__PURE__*/(0, _react.memo)(function (props) {
       style: (0, _utils.getFontStyle)(valueFont)
     }, y, valueSuffixIsShow && renderSuffix(valueSuffix)), percentageIsShow && /*#__PURE__*/_react["default"].createElement("span", {
       style: (0, _utils.getFontStyle)(percentageFont)
-    }, percent, percentageSuffixIsShow && renderSuffix(percentageSuffix)));
+    }, Number(percent).toFixed(precision), percentageSuffixIsShow && renderSuffix(percentageSuffix)));
   };
   var mouseX = mousePos.x,
     mouseY = mousePos.y;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/charts",
-  "version": "1.4.26",
+  "version": "1.4.28",
   "description": "",
   "main": "lib/index.js",
   "scripts": {

package/src/components/PieChart.js

@@ -34,6 +34,7 @@ import { pieLegendFormatter as legendFormatter } from "../formatter";
 import ringCss from "../css/piechart.module.css";
 import { useAiDataOfPie } from "../hooks";
 import { PieTooltip } from "./PieTooltip";
+import { toFixed } from '@easyv/utils/lib/common/utils';
 
 const PI = Math.PI;
 
@@ -619,7 +620,7 @@ const Component = memo(
           )}
         <Legend
           {...legend}
-          series={_arcs}
+          series={_arcs.map((arc)=>({...arc,percent:arc.percent.toFixed(legendPrecision)}))}
           formatter={formatter}
           judge={judgeData}
         />
@@ -855,7 +856,7 @@ const Component = memo(
           )}
         <Legend
           {...legend}
-          series={_arcs}
+          series={_arcs.map((arc)=>({...arc,percent:arc.percent.toFixed(legendPrecision)}))}
           formatter={formatter}
           judge={judgeData}
         />

package/src/components/PieTooltip.jsx

@@ -9,7 +9,7 @@ export const PieTooltip = memo((props) => {
       tip: {
         data: { lineHeight, iconSize, name,
           value: { show: valueIsShow, fontStyle: valueFont, suffix: valueSuffix,suffix:{show:valueSuffixIsShow} },
-          percentage: { show: percentageIsShow, fontStyle: percentageFont, suffix: percentageSuffix,suffix:{show:percentageSuffixIsShow} },
+          percentage: { show: percentageIsShow, fontStyle: percentageFont, suffix: percentageSuffix,suffix:{show:percentageSuffixIsShow},precision },
         },
         image,
         margin,
@@ -77,7 +77,7 @@ export const PieTooltip = memo((props) => {
           {valueSuffixIsShow && renderSuffix(valueSuffix)}
         </span>}
         {percentageIsShow && <span style={getFontStyle(percentageFont)}>
-          {percent}
+          {Number(percent).toFixed(precision)}
           {percentageSuffixIsShow && renderSuffix(percentageSuffix)}
         </span>}
       </dd>