使用 SVG 渲染
上一篇
配置 JSX Transform
下一篇
自定义 View
Loading...
借助 G 的 渲染器,F2 也可以使用 SVG 渲染。
npm install @antv/g-mobile-svg --save
<div id="container"></div>
import { Canvas, Chart, Interval, jsx, Axis } from '@antv/f2';import { Renderer } from '@antv/g-mobile-svg';const container = document.getElementById('container');// 实例化 SVG 渲染器const renderer = new Renderer();const { props } = (// 声明渲染容器和渲染器<Canvas container={container} renderer={renderer} width={300} height={200}><Chart data={data}><Axis field="genre" /><Axis field="sold" /><Interval x="genre" y="sold" color="genre" /></Chart></Canvas>);const canvas = new Canvas(props);canvas.render();
renderer 属性将 SVG 渲染器传递给 Canvas 组件