frontend: fix chart sometimes showing -0 on y-axis

The chart sometimes displays -0 on the y-axis scale.

This happened in cases only small fractions below 1 are displayed.

For example when user has low BTC amounts and looks at the chart
in BTC mode.

Author: thisconnect

frontends/web/src/routes/account/summary/chart.tsx

@@ -419,9 +419,21 @@ export const Chart = ({
       lineSeries.current = chart.current.addAreaSeries({
         priceLineVisible: false,
         lastValueVisible: false,
-        priceFormat: {
-          type: 'volume',
-        },
+        priceFormat: (
+          data.chartFiat === 'BTC' ? {
+            minMove: 0.000001,
+            // precision: 6,
+            type: 'custom',
+            formatter: (price: number) => {
+              if (price < 0) {
+                return '0';
+              }
+              return price.toLocaleString();
+            },
+          } : {
+            type: 'volume',
+          }
+        ),
         topColor: darkmode ? '#5E94BF' : '#DFF1FF',
         bottomColor: darkmode ? '#1D1D1B' : '#F5F5F5',
         lineColor: 'rgba(94, 148, 192, 1)',
@@ -444,7 +456,7 @@ export const Chart = ({
       chartInitialized.current = true;
       updateRange(chart, chartDisplay);
     }
-  }, [calculateChange, chartDisplay, data.chartDataDaily, data.chartDataHourly, data.chartDataMissing, hasData, hideAmounts, i18n.language, isMobile]);
+  }, [calculateChange, chartDisplay, data.chartDataDaily, data.chartDataHourly, data.chartDataMissing, data.chartFiat, hasData, hideAmounts, i18n.language, isMobile]);
 
   const reinitializeChart = () => {
     removeChart();