fix(D3 plugin): fix chart reflow (#452)

Author: korvin89

src/plugins/d3/renderer/D3Widget.tsx

@@ -46,10 +46,10 @@ const D3Widget = React.forwardRef<ChartKitWidgetRef | undefined, ChartKitProps<'
             forwardedRef,
             () => ({
                 reflow() {
-                    handleResize();
+                    debuncedHandleResize();
                 },
             }),
-            [handleResize],
+            [debuncedHandleResize],
         );
 
         React.useEffect(() => {
@@ -66,8 +66,8 @@ const D3Widget = React.forwardRef<ChartKitWidgetRef | undefined, ChartKitProps<'
 
         React.useEffect(() => {
             // dimensions initialize
-            handleResize();
-        }, [handleResize]);
+            debuncedHandleResize();
+        }, [debuncedHandleResize]);
 
         if (validatedData.current !== data) {
             validateData(data);

src/plugins/d3/renderer/components/styles.scss

@@ -1,3 +1,7 @@
+.chartkit-d3 {
+    position: absolute;
+}
+
 .chartkit-d3-axis {
     & .domain {
         stroke: var(--g-color-line-generic-active);