Merge pull request #766 from iotaledger/feat/improve-statistics

Feat: Add Improvements for Statistics page charts (zooming)
iotaledger · Apr 28, 2023 · 3f7ff9f · 3f7ff9f
2 parents 8e64611 + bb1e4fc
commit 3f7ff9f
Show file tree

Hide file tree

Showing 17 changed files with 806 additions and 351 deletions.
diff --git a/api/.eslintrc.js b/api/.eslintrc.js
@@ -451,7 +451,7 @@ module.exports = {
             "off"
         ],
         "generator-star-spacing": [
-            "error"
+            "error", {"before": false, "after": true}
         ],
         "getter-return": [
             "off"

diff --git a/api/src/initServices.ts b/api/src/initServices.ts
@@ -26,6 +26,8 @@ import { InfluxDBService } from "./services/stardust/influx/influxDbService";
 import { NodeInfoService } from "./services/stardust/nodeInfoService";
 import { StardustStatsService } from "./services/stardust/stats/stardustStatsService";
 
+const CURRENCY_UPDATE_INTERVAL_MS = 5 * 60000;
+
 const isKnownProtocolVersion = (networkConfig: INetwork) =>
     networkConfig.protocolVersion === LEGACY ||
     networkConfig.protocolVersion === CHRYSALIS ||
@@ -96,7 +98,7 @@ export async function initServices(config: IConfiguration) {
         void currencyService.update();
     };
 
-    setInterval(update, 60000);
+    setInterval(update, CURRENCY_UPDATE_INTERVAL_MS);
 
     await update();
 }

diff --git a/client/.eslintrc.js b/client/.eslintrc.js
@@ -463,7 +463,7 @@ module.exports = {
             "off"
         ],
         "generator-star-spacing": [
-            "error"
+            "error", {"before": false, "after": true}
         ],
         "getter-return": [
             "off"

diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -32,11 +32,14 @@
         "crypto": "npm:crypto-browserify",
         "d3-array": "^3.2.1",
         "d3-axis": "^3.0.0",
+        "d3-brush": "^3.0.0",
         "d3-format": "^3.1.0",
         "d3-scale": "^4.0.2",
         "d3-selection": "^3.0.0",
         "d3-shape": "^3.1.0",
+        "d3-time": "^3.1.0",
         "d3-time-format": "^4.1.0",
+        "d3-transition": "^3.0.1",
         "express": "^4.18.1",
         "jsonschema": "^1.4.1",
         "moment": "^2.29.4",
@@ -62,11 +65,14 @@
         "@types/classnames": "^2.3.1",
         "@types/d3-array": "^3.0.3",
         "@types/d3-axis": "^3.0.1",
+        "@types/d3-brush": "^3.0.2",
         "@types/d3-format": "^3.0.1",
         "@types/d3-scale": "^4.0.2",
         "@types/d3-selection": "^3.0.3",
         "@types/d3-shape": "^3.1.0",
+        "@types/d3-time": "^3.0.0",
         "@types/d3-time-format": "^4.0.0",
+        "@types/d3-transition": "^3.0.3",
         "@types/express": "^4.17.14",
         "@types/jest": "^29.0.0",
         "@types/node": "^16.10.3",

diff --git a/client/src/app/components/stardust/statistics/ChartHeader.scss b/client/src/app/components/stardust/statistics/ChartHeader.scss
@@ -32,37 +32,6 @@
         }
     }
 
-    .chart-header__select {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        .select-wrapper {
-            position: relative;
-            margin-right: 20px;
-
-            select {
-                cursor: pointer;
-                background: var(--statistics-select-bg);
-                color: var(--card-color);
-                border-color: var(--statistics-select-border);
-                height: 40px;
-
-                @include phone-down {
-                    height: 32px;
-                }
-            }
-
-            .chevron {
-                top: 23%;
-                color: var(--card-color);
-                z-index: 1;
-
-                @include phone-down {
-                    top: 13%;
-                }
-            }
-        }
-    }
     .charts-css.legend {
         padding: 1rem;
         border: 1px solid var(--legend-border-color);
-Original file line number
+Diff line change
@@ Expand Up / @@ -451,7 +451,7 @@ module.exports = { @@
                 "off"
             ],
             "generator-star-spacing": [
-                "error"
+                "error", {"before": false, "after": true}
             ],
             "getter-return": [
                 "off"
@@ Expand Down @@