Hide trend value from hover

kausaltech · Dec 4, 2024 · 6913340 · 6913340
1 parent 6316656
commit 6913340
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/components/graphs/IndicatorGraph.tsx b/components/graphs/IndicatorGraph.tsx
@@ -276,8 +276,8 @@ const createTraces: (params: CreateTracesParams) => TracesOutput = (params) => {
         modTrace.cliponaxis = false;
       }
     }
-    const timeFormat = timeResolution === 'YEAR' ? '%Y' : '%x';
-    modTrace.hovertemplate = `(%{x|${timeFormat}})<br> ${trace.name}: %{y:,.3r} ${unit}`;
+    //const timeFormat = timeResolution === 'YEAR' ? '%Y' : '%x';
+    modTrace.hovertemplate = `${trace.name}: %{y:,.3r} ${unit}`;
     modTrace.hoverlabel = {
       bgcolor: plotColors.mainScale[idx % numColors],
       namelength: 0,
@@ -529,6 +529,7 @@ function IndicatorGraph(props: IndicatorGraphProps) {
       },
       //info: 'none',
       ...trendTrace,
+      hoverinfo: 'skip',
     });
 
   // add goals if defined
@@ -553,7 +554,7 @@ function IndicatorGraph(props: IndicatorGraphProps) {
           color: plotColors.goalScale[idx % plotColors.goalScale.length],
         },
         opacity: 0.5,
-        hovertemplate: `(%{x}) ${goalTrace.name}: %{y} ${yRange.unit}`,
+        hovertemplate: `${goalTrace.name}: %{y} ${yRange.unit}`,
         hoverlabel: {
           namelength: 0,
           bgcolor: '#fff',