快来一起迁移 4.0 的简单案例吧 ❤️‍🔥❤️‍🔥❤️‍🔥

[pearmini]

AntV Open Source Contribution Plan（可选）

• 我同意将这个 Issue 参与 OSCP 计划

Issue 类型

混合，多人任务

任务介绍

G2 5.0 的案例相对于 4.0 的案例会更加复杂一点。为了方便新的开发者能更好的入门 G2 5.0 的语法，团队决定迁移 4.0 中以一些简单的案例到 5.0 中。

下面是一些注意事项：

• 与其说迁移，更像是用 5.0 的语法去绘制 4.0 的图表。所以不要局限于 4.0 的声明方式，看看能不能用 5.0 更简洁、优雅地绘制出同样的图表。
• 每个图表种类是一个任务，不同任务的类型不同，详见每个任务。
• 每个人只能认领一个任务，在对应 issue 回复认领即可。
• 案例截图在贴在对应的 PR 描述里面，我们会及时的上传图片，然后把对应链接评论在 PR 里面。
• 截图时候尽量不设置 autoFit 为 false，保证截图的比例为默认宽高比。
• 因为 4.0 网站访问速度较慢，所以下面贴的是代码地址，如果希望预览效果，替换链接前缀 https://github.com/antvis/G2/blob/master/ 为 https://g2-v4.antv.vision/zh 即可。

包含的任务如下，大家请尽情展现想象力吧！

• 折线图：迁移 4.0 简单折线图 #5896
• 面积图：迁移 4.0 简单面积图 #5897
• 直方图：迁移 4.0 简单直方图 #5898
• 饼图：迁移 4.0 简单饼图 #5899
• 玫瑰图：迁移 4.0 简单玫瑰图 #5900
• 径向图：迁移 4.0 简单径向图 #5902
• 雷达图：迁移 4.0 简单雷达图 #5903
• 色块图：迁移 4.0 简单色块图 #5904
• 股票图：迁移 4.0 简单股票图 #5905

参考说明

参考这个 PR #5893

[kun6696]

认领雷达图

[pearmini]

@kun6696 去雷达图任务回复一下：#5903 决定还是把任务拆开好！

[li1615882553]

@pearmini 请问案例的图片，应该怎么上传？

[pearmini]

案例截图在贴在对应的 PR 描述里面，我们会及时的上传图片，然后把对应链接评论在 PR 里面。

@li1615882553

[foolvip]

认领面积图

[pearmini]

认领面积图

#5897 欢迎贡献！可以在这里去回复一下。