Dashboard: Fix charts with lots of zeros (#2105)

GladysAssistant · Aug 5, 2024 · 98c81f0 · 98c81f0
1 parent 399c1f5
commit 98c81f0
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 4 deletions.
diff --git a/front/src/components/boxs/chart/ApexChartAreaOptions.js b/front/src/components/boxs/chart/ApexChartAreaOptions.js
@@ -51,7 +51,14 @@ const getApexChartAreaOptions = ({ displayAxes, height, series, colors, locales,
     },
     yaxis: {
       labels: {
-        padding: 4
+        padding: 4,
+        formatter: function(value) {
+          if (Math.abs(value) < 1) {
+            return value; // For very low values, like crypto prices, use the normal value
+          } else {
+            return value.toFixed(2); // 2 decimal places for other values
+          }
+        }
       }
     },
     colors,

diff --git a/front/src/components/boxs/chart/ApexChartBarOptions.js b/front/src/components/boxs/chart/ApexChartBarOptions.js
@@ -59,7 +59,14 @@ const getApexChartBarOptions = ({ displayAxes, series, colors, locales, defaultL
     },
     yaxis: {
       labels: {
-        padding: 4
+        padding: 4,
+        formatter: function(value) {
+          if (Math.abs(value) < 1) {
+            return value; // For very low values, like crypto prices, use the normal value
+          } else {
+            return value.toFixed(2); // 2 decimal places for other values
+          }
+        }
       }
     },
     colors,

diff --git a/front/src/components/boxs/chart/ApexChartLineOptions.js b/front/src/components/boxs/chart/ApexChartLineOptions.js
@@ -50,7 +50,14 @@ const getApexChartLineOptions = ({ height, displayAxes, series, colors, locales,
     },
     yaxis: {
       labels: {
-        padding: 4
+        padding: 4,
+        formatter: function(value) {
+          if (Math.abs(value) < 1) {
+            return value; // For very low values, like crypto prices, use the normal value
+          } else {
+            return value.toFixed(2); // 2 decimal places for other values
+          }
+        }
       }
     },
     colors,

diff --git a/front/src/components/boxs/chart/ApexChartStepLineOptions.js b/front/src/components/boxs/chart/ApexChartStepLineOptions.js
@@ -49,7 +49,14 @@ const getApexChartStepLineOptions = ({ height, displayAxes, series, colors, loca
     },
     yaxis: {
       labels: {
-        padding: 4
+        padding: 4,
+        formatter: function(value) {
+          if (Math.abs(value) < 1) {
+            return value; // For very low values, like crypto prices, use the normal value
+          } else {
+            return value.toFixed(2); // 2 decimal places for other values
+          }
+        }
       }
     },
     colors,