随着 AntDesign 4.0 发布 和 AntV 的重磅产品G2 4.0 发布之际,图表的样式也跟着 UP!UP !大升级了哦。
在文章末尾有 最新版 Sketch 图表源文件下载。无门槛无需点赞无需套路,直接下载
插一句:蚂蚁可视化 & 大数据招体验设计师,简历发 shuwen.liu@antfin.com
外面世界有很多图表源文件多种多样,AntV 提供的图表源文件有什么不同呢?
完整的常用图表类型
本次图表类型更新后,除了常用的折线图、柱状图、饼图,本次更新还涵盖了点图、水波、仪表盘、瀑布图、漏斗图、雷达图,还有很多小伙伴想用又不敢用的双轴图哦!
![fb6f6cc5f1789acb244dc527253e163a.png](https://i-blog.csdnimg.cn/blog_migrate/514cdd08f69d427e90018dc1bb5405cd.jpeg)
![d33e56a39fa9532f58f4a40fbcdf4dfb.png](https://i-blog.csdnimg.cn/blog_migrate/629d36277c1137adbe10c1dc14920d6d.jpeg)
一站式懒汉套餐
考虑到很多用户在使用图表时,都需要和整体网站一起设计,所以我们提供了“数据可视化模板”下载,风格和 AntDesign 完美融合在一起,再也不需要自己搭建复杂 Dashboard 页面了有木有!!!
![8b4c5749ba411a63d48deaf236f4f6b0.png](https://i-blog.csdnimg.cn/blog_migrate/157b9709e964342743750dc52d45ea9e.jpeg)
![2941d1180ac0160403610cc29f6059f7.png](https://i-blog.csdnimg.cn/blog_migrate/c8e1150cafe0b79cde34b42e854bb2dc.jpeg)
![d9eb458265ffd7ce5501d26647fceea9.png](https://i-blog.csdnimg.cn/blog_migrate/aa3f0f54aef16edbee866e8cd0ebeeec.jpeg)
配套提供使用指引
图表使用指引
折线图设计指引 · 语雀www.yuque.com![9a022163a6f27ceb87e70dffd217009f.png](https://i-blog.csdnimg.cn/blog_migrate/fe55f977a264dbc546a7fb4498298288.jpeg)
![7fb65a56f1027667c9aa28b97145ed41.png](https://i-blog.csdnimg.cn/blog_migrate/64d575a35979f147c54d1f120fd74d8e.jpeg)
DashBoard 类型页面模板使用指引
可视化 - Ant Designant.design![4406e7ad85acacda88b8776c543a0e2c.png](https://i-blog.csdnimg.cn/blog_migrate/e6dc742dc52dcbddd90f3c4846709e83.png)
![6f35c276fc5ac686add8fd2405a293de.png](https://i-blog.csdnimg.cn/blog_migrate/9579bbd13d8913915099644861477a56.jpeg)
下载方式(来咯来咯!!!)
- 前往 AntDesign 官网 - 资源,点击 全新 Chart 组件包 直接下载源文件。
![4406e7ad85acacda88b8776c543a0e2c.png](https://i-blog.csdnimg.cn/blog_migrate/e6dc742dc52dcbddd90f3c4846709e83.png)
![aefda1c12be8756075d1bf5a81d881a6.png](https://i-blog.csdnimg.cn/blog_migrate/2879b4996754d2714aa2ac4bf8f419fe.jpeg)
2. 前往 Kitchen 官网,可同时获得图表源文件和 DashBoard 页面模板源文件
Kitchen Sketch 插件 - 让你的设计秀色可餐kitchen.alipay.com![2c3af27dd48ab5113d6f4a9a874bc878.png](https://i-blog.csdnimg.cn/blog_migrate/d9ec378b2cfdf37f67fa4be1533f255c.jpeg)
![8a498932f83b3fbace207b21cb025db0.png](https://i-blog.csdnimg.cn/blog_migrate/78566ea3a6c5b51a19db42766ff1eb8d.jpeg)
3. 彩蛋:使用 Kitchen 的“图表生成器”功能,可动态生成图表哦!
强大的 Sketch 插件:Kitchen · 语雀www.yuque.com![9a022163a6f27ceb87e70dffd217009f.png](https://i-blog.csdnimg.cn/blog_migrate/fe55f977a264dbc546a7fb4498298288.jpeg)
看到这里的小伙伴,恭喜你,你已获得“懒人”勋章一枚。
剧透:即将提供暗黑模式的图表矢量文件,请持续关注 AntV
![94a28e4c00562e97b7e2598fe1975307.png](https://i-blog.csdnimg.cn/blog_migrate/839cd746ac38f637b96a1249135ce6c4.jpeg)
- Ant Design 4.0 设计体系进阶!设计资产不断丰富,设计工具层出不穷,来新版官网看看吧 ^_^
- 欢迎到 知乎问答 与我们互动。