make charts responsive (#132)

Co-authored-by: Laurentiu Ghiur <[email protected]>
TykTechnologies · Jun 5, 2020 · 901a0ff · 901a0ff
1 parent 1315f4e
commit 901a0ff
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 6 deletions.
diff --git a/lib/index.js b/lib/index.js
diff --git a/lib/index.js.map b/lib/index.js.map
diff --git a/lib/tyk-ui.js b/lib/tyk-ui.js
diff --git a/lib/tyk-ui.js.map b/lib/tyk-ui.js.map
diff --git a/src/components/Chart/js/Chart.js b/src/components/Chart/js/Chart.js
@@ -256,7 +256,7 @@ const Chart = (props) => {
     return () => {
       window.removeEventListener('resize', onResize);
     };
-  }, []);
+  }, [tykChartInstance]);
 
   useEffect(() => {
     setTykChartInstance(echarts.init(chartWrapperRef.current));
@@ -362,7 +362,9 @@ const Chart = (props) => {
     if (!tempStyle.height) {
       tempStyle.height = '300px';
     }
-
+    if (!tempStyle.width) {
+      tempStyle.width = '100%';
+    }
     return tempStyle;
   };