ui: fix value formatting for celsius and watts

Author: yomete

ui/packages/shared/profile/src/ProfileSelector/index.tsx

@@ -119,7 +119,7 @@ const ProfileSelector = ({
   onSearchHook,
 }: ProfileSelectorProps): JSX.Element => {
   const {heightStyle} = useMetricsGraphDimensions(comparing, false);
-  const {viewComponent, additionalMetricsGraph, additionalMetricsGraphPosition} = useParcaContext();
+  const {viewComponent, additionalMetricsGraph} = useParcaContext();
   const [queryBrowserMode, setQueryBrowserMode] = useURLState('query_browser_mode');
   const batchUpdates = useURLStateBatch();
 
@@ -291,8 +291,7 @@ const ProfileSelector = ({
   return (
     <>
       <div className="mb-2 flex flex-col">
-        {additionalMetricsGraphPosition === 'top' &&
-          additionalMetricsGraph?.({querySelection, queryClient, suffix})}
+        {additionalMetricsGraph?.({querySelection, queryClient, suffix})}
         <LabelsQueryProvider
           setMatchersString={setMatchersString}
           runQuery={setQueryExpression}
@@ -371,8 +370,6 @@ const ProfileSelector = ({
           (profileTypesData?.types == null || profileTypesData.types.length === 0)
         }
       />
-      {additionalMetricsGraphPosition === 'bottom' &&
-        additionalMetricsGraph?.({querySelection, queryClient, suffix})}
     </>
   );
 };

ui/packages/shared/utilities/src/index.ts

@@ -100,6 +100,17 @@ const unitsInCelsius = {
   unit: {multiplier: 1, symbol: '°C'},
 };
 
+const unitsInMillicelsius = {
+  unit: {multiplier: 1e7, symbol: '°C'},
+};
+
+const unitsInMicrowatts = {
+  unit: {multiplier: 1e6, symbol: 'W'},
+  kilo: {multiplier: 1e9, symbol: 'kW'},
+  mega: {multiplier: 1e12, symbol: 'MW'},
+  giga: {multiplier: 1e15, symbol: 'GW'},
+};
+
 const unitsInHertz = {
   unit: {multiplier: 1, symbol: 'Hz'},
   kilo: {multiplier: 1e3, symbol: 'kHz'},
@@ -115,8 +126,10 @@ const knownValueFormatters = {
   'CPU Cores': unitsInCores,
   milliseconds: unitsInTimeMs,
   watts: unitsInWatts,
+  microwatts: unitsInMicrowatts,
   bytes_per_second: unitsInBytesPerSecond,
   celsius: unitsInCelsius,
+  millicelsius: unitsInMillicelsius,
   hertz: unitsInHertz,
 };