feat: ✨ improve price scale

osmosis-labs · Jul 3, 2024 · 6d486c3 · 6d486c3
1 parent 860a8c4
commit 6d486c3
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 4 deletions.
diff --git a/packages/web/components/chart/historical-chart.tsx b/packages/web/components/chart/historical-chart.tsx
@@ -52,7 +52,21 @@ export const HistoricalChart = memo((props: HistoricalChartProps) => {
       series={[
         {
           type: "Area",
-          options: seriesOpt,
+          options: {
+            ...seriesOpt,
+            autoscaleInfoProvider: () => {
+              const values = data
+                .map((entry) => entry.value)
+                .filter((entry) => entry >= 0);
+
+              return {
+                priceRange: {
+                  minValue: Math.min(...values),
+                  maxValue: Math.max(...values),
+                },
+              };
+            },
+          },
           data,
         },
       ]}

diff --git a/packages/web/components/chart/historical-volume-chart.tsx b/packages/web/components/chart/historical-volume-chart.tsx
@@ -76,7 +76,21 @@ export const HistoricalVolumeChart = memo(
         series={[
           {
             type: "Histogram",
-            options: seriesOpt,
+            options: {
+              ...seriesOpt,
+              autoscaleInfoProvider: () => {
+                const values = data
+                  .map((entry) => entry.value)
+                  .filter((entry) => entry >= 0);
+
+                return {
+                  priceRange: {
+                    minValue: Math.min(...values),
+                    maxValue: Math.max(...values),
+                  },
+                };
+              },
+            },
             data,
           },
         ]}

diff --git a/packages/web/components/chart/light-weight-charts/area-chart.ts b/packages/web/components/chart/light-weight-charts/area-chart.ts
@@ -42,6 +42,7 @@ export class AreaChartController<
 
     if (params.series && params.series.length > 0) {
       for (const [key, s] of params.series.entries()) {
+        this.series[key].applyOptions(s.options);
         this.series[key].setData(s.data);
       }
     }

diff --git a/packages/web/hooks/ui-config/use-asset-info-config.ts b/packages/web/hooks/ui-config/use-asset-info-config.ts
@@ -40,8 +40,8 @@ export const useAssetInfoConfig = (
         numRecentFrames = 14;
         break;
       case "1d":
-        frame = 60;
-        numRecentFrames = 25;
+        frame = 15;
+        numRecentFrames = 97;
         break;
       case "7d":
         frame = 720;