feat: 添加默认宽高

antvis · Dec 28, 2020 · cbc1e29 · cbc1e29
1 parent 9db6e27
commit cbc1e29
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/packages/legend/src/index.tsx b/packages/legend/src/index.tsx
@@ -7,19 +7,18 @@ const View = (props) => {
   return (
     <group style={{
       flexDirection: 'row',
-      flex: 1,
       padding: 20
     }}>
       <text style={{
-        flex: 1,
-      }}
+          flex: 1,
+        }}
         attrs={{
           text: '11',
           fill: '#000'
         }}
       />
       <text style={{
-          fill: 1,
+          flex: 1,
         }}
         attrs={{
           text: JSON.stringify(record),

diff --git a/packages/react/src/chart/model.ts b/packages/react/src/chart/model.ts
@@ -21,12 +21,26 @@ export default ({ canvasRef, pixelRatio, data, children }) => {
     });
 
     const frontPlot = chart.get('frontPlot');
+    const width = chart.get('width');
+    const height = chart.get('height');
     // @ts-ignore
     chart.on('aftergeomdraw', () => {
       // component render
       for (let i = 0, len = components.length; i < len; i++) {
         const component = components[i];
-        render(component.render(), frontPlot);
+
+        const element = component.render();
+        if (element) {
+          const style = element.style;
+          element.style = {
+            // 设置元素默认宽高
+            width,
+            height,
+            ...style
+          }
+          console.log(element);
+          render(element, frontPlot);
+        }
       }
     });