fix: size支持px

packages/f2/src/components/interval/withInterval.tsx

@@ -75,8 +75,8 @@ export default (Views) => {
 
     mapping() {
       const records = super.mapping();
-
-      const { props } = this;
+      const { props, context } = this;
+      const { px2hd } = context;
       const { coord, sizeZoom } = props;
       const y0 = this.getY0Value();
       const defaultSize = this.getDefaultSize();
@@ -95,7 +95,7 @@ export default (Views) => {
             mix(child, coord.convertRect({ x, y, y0, size: size * zoomRatio }));
           } else {
             const { x, y } = child;
-            const rect = { size: mappedSize, x, y, y0 };
+            const rect = { size: px2hd(mappedSize), x, y, y0 };
             mix(child, coord.transformToRect(rect));
           }
 

packages/f2/test/components/interval/interval.test.tsx

@@ -1,5 +1,5 @@
 import { jsx } from '../../../src';
-import { Canvas, Chart, Interval, Axis } from '../../../src';
+import { Canvas, Chart, Interval, Axis, Point } from '../../../src';
 import { createContext, delay } from '../../util';
 const context = createContext();
 
@@ -43,6 +43,26 @@ describe('Interval', () => {
     expect(context).toMatchImageSnapshot();
   });
 
+  it('size 支持px', async () => {
+    const ref = {};
+    const context = createContext('size 支持px');
+    const { type, props } = (
+      <Canvas context={context} pixelRatio={1}>
+        <Chart data={data}>
+          <Axis field="genre" />
+          <Axis field="sold" min={0} />
+          <Interval x="genre" y="sold" size={'60px'}></Interval>
+          <Point x="genre" y="sold" size={'30px'}></Point>
+        </Chart>
+      </Canvas>
+    );
+
+    const canvas = new Canvas(props);
+    await canvas.render();
+
+    await delay(1000);
+    expect(context).toMatchImageSnapshot();
+  });
   it('startOnZero', async () => {
     const { props } = (
       <Canvas context={context} pixelRatio={1}>