From 6a1419252ff46e05050db676e75dbb3f80691d82 Mon Sep 17 00:00:00 2001
From: Phil Renaud <phil.renaud@hashicorp.com>
Date: Mon, 28 Nov 2022 09:56:47 -0500
Subject: [PATCH] Recompute Y Axis on data change (#15381)

---
 ui/app/components/line-chart.js            | 7 +++++++
 ui/app/templates/components/line-chart.hbs | 1 +
 2 files changed, 8 insertions(+)

diff --git a/ui/app/components/line-chart.js b/ui/app/components/line-chart.js
index 5acf3f94e..ab934f3bc 100644
--- a/ui/app/components/line-chart.js
+++ b/ui/app/components/line-chart.js
@@ -357,6 +357,13 @@ export default class LineChart extends Component {
     }
   }
 
+  @action
+  recomputeYAxis(el) {
+    if (!this.isDestroyed && !this.isDestroying) {
+      d3.select(el.querySelector('.y-axis')).call(this.yAxis);
+    }
+  }
+
   mountD3Elements() {
     if (!this.isDestroyed && !this.isDestroying) {
       d3.select(this.element.querySelector('.x-axis')).call(this.xAxis);
diff --git a/ui/app/templates/components/line-chart.hbs b/ui/app/templates/components/line-chart.hbs
index f669bd202..d407f3e34 100644
--- a/ui/app/templates/components/line-chart.hbs
+++ b/ui/app/templates/components/line-chart.hbs
@@ -4,6 +4,7 @@
   {{did-insert this.onInsert}}
   {{did-update this.renderChart}}
   {{did-update this.recomputeXAxis this.xScale}}
+  {{did-update this.recomputeYAxis this.yScale}}
   {{window-resize this.updateDimensions}}>
   <svg data-test-line-chart aria-labelledby="{{this.titleId}}" aria-describedby="{{this.descriptionId}}">
     <title id="{{this.titleId}}">{{this.title}}</title>