Ant Mobile2 + Dva2 + Roadhog2 + F2
基于 dva-antd-mobile-starter,主要将Roadhog升级到了2.3.0,以及做了一些优化;并参照 g2-react 简单封装了一个组件 f2react,以便在React中使用F2图表。
- 参照Antd Pro工程进行了一些优化,并将
request
组件移植过来。 - 增加了图表的mock数据,以结合dva和F2图表进行数据演示。
- 提供了
autoWidth
组件,支持F2图表的宽度自适应父容器。
- 目前基于已封装的
f2eact
组件,初步封装了基本柱图、双柱图、基本饼图3个组件,可自行根据需求进一步封装。 - 仪表盘(
routes
下的Dashboard
)为结合DVA使用的例子。 - 图表演示(
routes
下的ChartDemo
)为纯静态数据的例子。 - 使用
autoWidth
组件不需要设置width
。
import BarDodge from '../../components/Charts/Bar/dodge';
<BarDodge
data={barDodgeData}
// width={360} // 不设置宽度则宽度自适应父容器
height={360} // 需根据实际需要设置高度
padding={30} // 可传入padding给f2eact组件
// configs={{}} // 需要传入给f2eact组件的一些配置
/>
- 常用图表组件封装
- Dva loading的处理
- ...