Make chart dimensions dynamic

Author: sudo-rgorai

src/components/Dashboard/Chart/CandleSticks.js

@@ -9,6 +9,8 @@ import { timeIntervalBarWidth } from "react-stockcharts/lib/utils";
 
 let CandleSticks = (props) => {
   const data = props.data;
+  const vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)
+  const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)
 
   const xAccessor = (d) => {
     return d.date;
@@ -17,9 +19,9 @@ let CandleSticks = (props) => {
   return (
     <div className="CandleSticks">
       <ChartCanvas
-        height={800}
+        height={vh - 120}
         ratio={1}
-        width={1600}
+        width={vw - 300}
         margin={{ left: 50, right: 50, top: 10, bottom: 30 }}
         type={"svg"}
         data={data}