represent bp in percentage

risingwavelabs · Dec 20, 2024 · b02cf65 · b02cf65
1 parent 50cb7c9
commit b02cf65
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/dashboard/components/FragmentGraph.tsx b/dashboard/components/FragmentGraph.tsx
@@ -510,10 +510,11 @@ export default function FragmentGraph({
             d3.selectAll(".tooltip").remove()
 
             // Create new tooltip
+            const bpValue = backPressures?.get(`${d.source}_${d.target}`)
             const tooltipText = `<b>Fragment ${d.source} → ${
               d.target
             }</b><br>Backpressure: ${
-              backPressures?.get(`${d.source}_${d.target}`) ?? "N/A"
+              bpValue != null ? `${(bpValue * 100).toFixed(2)}%` : "N/A"
             }`
             d3.select("body")
               .append("div")

diff --git a/dashboard/components/RelationGraph.tsx b/dashboard/components/RelationGraph.tsx
@@ -208,10 +208,11 @@ export default function RelationGraph({
           d3.selectAll(".tooltip").remove()
 
           // Create new tooltip
+          const bpValue = backPressures?.get(`${d.source}_${d.target}`)
           const tooltipText = `<b>Relation ${d.source} → ${
             d.target
           }</b><br>Backpressure: ${
-            backPressures?.get(`${d.source}_${d.target}`) ?? "N/A"
+            bpValue != null ? `${(bpValue * 100).toFixed(2)}%` : "N/A"
           }`
           d3.select("body")
             .append("div")