chore(bi): goal line visibility (PostHog#27927)

sloppyjuicy · Jan 27, 2025 · 9b1365a · 9b1365a
1 parent f68c421
commit 9b1365a
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/frontend/src/queries/nodes/DataVisualization/Components/Charts/LineGraph.tsx b/frontend/src/queries/nodes/DataVisualization/Components/Charts/LineGraph.tsx
@@ -193,6 +193,13 @@ export const LineGraph = (): JSX.Element => {
                             const annotations = ctx.chart.options.plugins.annotation.annotations as Record<string, any>
                             if (annotations[`line${curIndex}`]) {
                                 annotations[`line${curIndex}`].label.content = `${cur.label}: ${cur.value}`
+                                // Hide the external tooltip element
+                                const tooltipEl = document.getElementById('InsightTooltipWrapper')
+
+                                if (tooltipEl) {
+                                    tooltipEl.style.display = 'none'
+                                }
+
                                 ctx.chart.update()
                             }
                         }
@@ -202,6 +209,13 @@ export const LineGraph = (): JSX.Element => {
                             const annotations = ctx.chart.options.plugins.annotation.annotations as Record<string, any>
                             if (annotations[`line${curIndex}`]) {
                                 annotations[`line${curIndex}`].label.content = cur.label
+
+                                // Show the external tooltip element
+                                const tooltipEl = document.getElementById('InsightTooltipWrapper')
+                                if (tooltipEl) {
+                                    tooltipEl.style.display = 'block'
+                                }
+
                                 ctx.chart.update()
                             }
                         }