Keep zoom after on data change

Author: niklavsBariss

src/Chart.tsx

@@ -38,10 +38,15 @@ export default function Chart({
       return;
     }
 
+    const keepZoom =
+      currentTimeDomain.current?.start === timeDomain.start &&
+      currentTimeDomain.current?.end === timeDomain.end &&
+      currentTimeDomain.current?.type === timeDomain.type;
     const props: HtmlProps = {
       width,
       height,
       locale,
+      keepZoom,
       datasets,
       timeDomain,
       noDataString,
@@ -139,6 +144,7 @@ type HtmlProps = {
   zoomEnabled: boolean;
   height: number;
   width: number;
+  keepZoom: boolean;
   marginHorizontal: number;
   locale: string;
   timeDomain: TimeDomain;

src/drawFunction.js

@@ -345,8 +345,7 @@ window.draw = props => {
     const newScale =
       !x ||
       !wholeScaleX ||
-      zoomEnabled !== props.zoomEnabled ||
-      timeDomain !== props.timeDomain
+      !props.keepZoom
     zoomEnabled = props.zoomEnabled
     timeDomain = props.timeDomain
     if (newScale) {
@@ -769,6 +768,10 @@ window.draw = props => {
     }
 
     updateHighlight(newScale ? 0 : 300)
+
+    if (!newScale && props.keepZoom) {
+      rescaleY({ sourceEvent: null })
+    }
   } catch (e) {
     postMessage('error', e.message)
   }
@@ -784,4 +787,4 @@ console.log = (...args) => {
 }
 
 true
-`
+`;