F2 是面向移动端的一套基于可视化图形语法的图表库，具有精简、高性能、易扩展的特性。适用于对性能、大小、扩展性要求很高的场景。
在此衷心感谢《The Grammar of Graphics》的作者 Leland Wilkinson，为 F2 的图形语法提供了理论基础！
$ npm install @antv/f2- ✔︎ 极小：压缩后不到 100k 的代码，提供了几十种图表。
- ✔︎ 高性能：性能极致追求，针对移动设备做了大量的优化。
- ✔︎ 强大扩展能力：任何图表，都可以基于图形语法灵活绘制，满足你无限的创意。
<canvas id="c1"></canvas>import F2 from '@antv/f2';
const data = [
{ genre: 'Sports', sold: 275 },
{ genre: 'Strategy', sold: 115 },
{ genre: 'Action', sold: 120 },
{ genre: 'Shooter', sold: 350 },
{ genre: 'Other', sold: 150 },
];
const chart = new F2.Chart({
id: 'c1',
width: 500,
height: 300
});
chart.source(data);
chart.interval().position('genre*sold').color('genre');
chart.render();更多示例。
$ npm install
# 跑测试用例
$ npm run test-live
# 监听文件变化构建，并打开 demo 页面
$ npm run dev
# 打开 demo
$ npm run demos如果您在使用的过程中碰到问题，可以先通过 issues 看看有没有类似的 bug 或者建议。
如需提交代码，请遵从我们的贡献指南。