feat: ✨ improve price axis formatting

packages/web/components/chart/light-weight-charts/utils.ts

@@ -1,15 +1,20 @@
 import { Dec } from "@keplr-wallet/unit";
 
-import { formatPretty } from "~/utils/formatter";
+import { formatPretty, getPriceExtendedFormatOptions } from "~/utils/formatter";
+import { getDecimalCount } from "~/utils/number";
 
 export const priceFormatter = (price: number) => {
+  const minimumDecimals = 2;
+  const maxDecimals = Math.max(getDecimalCount(price), minimumDecimals);
+
   const priceDec = new Dec(price);
 
+  const formatOpts = getPriceExtendedFormatOptions(priceDec);
+
   return formatPretty(priceDec, {
+    maxDecimals,
     currency: "USD",
     style: "currency",
-    maxDecimals: 3,
-    minimumSignificantDigits: 3,
-    disabledTrimZeros: true,
+    ...formatOpts,
   });
 };

packages/web/components/chart/price-historical-v2.tsx

@@ -22,8 +22,8 @@ const seriesOpt: DeepPartial<AreaSeriesOptions> = {
   crosshairMarkerRadius: 8,
   priceFormat: {
     type: "price",
-    precision: 4,
-    minMove: 0.0001,
+    precision: 10,
+    minMove: 0.0000001,
   },
 };