From f47f04be939db7fc581ad5c5461976039f90cfd1 Mon Sep 17 00:00:00 2001
From: MichaelPesce <michaelcpesce@gmail.com>
Date: Thu, 11 Apr 2024 06:37:29 -0500
Subject: [PATCH] add display units to y axis

---
 .../OutputComparisonChart/OutputComparisonChart.js   | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/electron/ui/src/components/OutputComparisonChart/OutputComparisonChart.js b/electron/ui/src/components/OutputComparisonChart/OutputComparisonChart.js
index c68c14c9..2e243b60 100644
--- a/electron/ui/src/components/OutputComparisonChart/OutputComparisonChart.js
+++ b/electron/ui/src/components/OutputComparisonChart/OutputComparisonChart.js
@@ -46,6 +46,7 @@ export default function OutputComparisonChart(props) {
             let traces = []
             let x = []
             let ys = []
+            let displayUnits
             // x: the configuration names; will be the same for each trace
             // y: the values for each y variable
             for(let config of historyData) {
@@ -58,6 +59,7 @@ export default function OutputComparisonChart(props) {
                     y.push(round(config.raw.data[yVariable].value, 3))
                 }
                 yNames.push(`${historyData[0].raw.data[yVariable].name} (${historyData[0].raw.data[yVariable].display_units})`)
+                displayUnits = historyData[0].raw.data[yVariable].display_units
                 ys.push(y)
             }
             // console.log(ys)
@@ -81,7 +83,7 @@ export default function OutputComparisonChart(props) {
                 },
                 yaxis: {
                     title: {
-                        text: displayCategory,
+                        text: `${displayCategory} (${displayUnits})`,
                     },
                 },
                 width: 700,
@@ -117,14 +119,6 @@ export default function OutputComparisonChart(props) {
                                 },
                         }}
                 >
-                {/* {Object.keys(historyData[0].data).map((k) => (
-                    <MenuItem
-                        key={`${k}`}
-                        value={k}
-                        >
-                        {k}
-                    </MenuItem>
-                ))} */}
                 {categoriesWithCharts.map((v, idx) => (
                     <MenuItem
                         key={`${v}_${idx}`}