@oliasoft-open-source/charts-library 3.4.9 → 3.4.10-beta-2

package/dist/index.js

@@ -7,7 +7,7 @@ var __publicField = (obj, key, value) => {
 var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { forwardRef, useRef, useEffect, createContext as createContext$2, memo, isValidElement, cloneElement, useLayoutEffect, useMemo, useContext, useState, useCallback, useReducer } from "react";
-import { round as round$2, toNum, displayNumber, isCloseTo } from "@oliasoft-open-source/units";
+import { round as round$2, toNum, displayNumber, isCloseTo, roundByMagnitude } from "@oliasoft-open-source/units";
 import cx from "classnames";
 import { produce } from "immer";
 import { Icon, Tooltip as Tooltip$2, Button, Flex, Text, Menu, Popover, Field, InputGroup, NumberInput, InputGroupAddon, Select, ButtonGroup, Spacer, Portal } from "@oliasoft-open-source/react-ui-library";
@@ -25096,6 +25096,13 @@ const getUnitsFromLabel = (label) => {
   const units = matches && matches.length > 0 ? matches[0] : "";
   return units;
 };
+const customFormatNumber = (labelNumber) => {
+  let roundOptions = {};
+  if (Math.abs(labelNumber) < 1e-4 || Math.abs(labelNumber) > 1e7) {
+    roundOptions = { roundScientificCoefficient: 4 };
+  }
+  return displayNumber(roundByMagnitude(labelNumber), roundOptions);
+};
 const getLineChartToolTips = (options) => {
   const getTooltipLabels = (dataset) => {
     var _a2, _b2, _c2, _d2, _e2;
@@ -25123,10 +25130,7 @@ const getLineChartToolTips = (options) => {
     const labels = getTooltipLabels(tooltipItem[0].dataset);
     const { titleLabel, titleAxisLabel } = labels;
     const formattedValue = titleLabel === TooltipLabel.Y ? tooltipItem[0].parsed.y : tooltipItem[0].parsed.x;
-    const roundedValue = Math.abs(formattedValue) < 1 ? displayNumber(formattedValue, {
-      scientific: true,
-      roundScientificCoefficient: 4
-    }) : displayNumber(formattedValue);
+    const roundedValue = customFormatNumber(formattedValue);
     return `${roundedValue} ${titleAxisLabel}`;
   };
   const labelCallback = (tooltipItem) => {
@@ -25136,10 +25140,7 @@ const getLineChartToolTips = (options) => {
     const { valueLabel, valueAxisLabel } = labels;
     const getTooltipItemValue = () => {
       const labelNumber = valueLabel === TooltipLabel.X ? tooltipItem.parsed.x : tooltipItem.parsed.y;
-      return Math.abs(labelNumber) < 1 ? displayNumber(labelNumber, {
-        scientific: true,
-        roundScientificCoefficient: 4
-      }) : displayNumber(labelNumber);
+      return customFormatNumber(labelNumber);
     };
     const tooltipItemValue = getTooltipItemValue();
     const units = getUnitsFromLabel(valueAxisLabel);