From 98bbf2cd483d56b570f3cf7f3134ea0194152b29 Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Fri, 14 Feb 2020 16:47:33 +0100
Subject: [PATCH] [ML] Fix single metric viewer chart resize. (#57578) (#57687)

Fix to trigger a chart update with the correct width when resizing the browser window. Previously after a browser refresh, or opening the view from a bookmarked URL, the chart would not resize until a state change was made to the view (such as moving the zoom slider or altering the time range).
---
 .../components/timeseries_chart/timeseries_chart.js           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/x-pack/legacy/plugins/ml/public/application/timeseriesexplorer/components/timeseries_chart/timeseries_chart.js b/x-pack/legacy/plugins/ml/public/application/timeseriesexplorer/components/timeseries_chart/timeseries_chart.js
index 4d7d095321611..bafb12de068bb 100644
--- a/x-pack/legacy/plugins/ml/public/application/timeseriesexplorer/components/timeseries_chart/timeseries_chart.js
+++ b/x-pack/legacy/plugins/ml/public/application/timeseriesexplorer/components/timeseries_chart/timeseries_chart.js
@@ -225,8 +225,8 @@ class TimeseriesChartIntl extends Component {
     this.renderFocusChart();
   }
 
-  componentDidUpdate() {
-    if (this.props.renderFocusChartOnly === false) {
+  componentDidUpdate(prevProps) {
+    if (this.props.renderFocusChartOnly === false || prevProps.svgWidth !== this.props.svgWidth) {
       this.renderChart();
       this.drawContextChartSelection();
     }