From 478f56d86526a5b649f6ff0e2a72b72faf98e736 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=B4=A2=E4=B8=98?= Date: Sat, 11 Jul 2020 21:24:03 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20=E4=BF=AE=E5=A4=8D=E6=96=87=E6=A1=A3?= =?UTF-8?q?=E4=B8=8A=E4=B8=80=E4=BA=9B=E5=A4=B1=E6=95=88=E7=9A=84=E9=93=BE?= =?UTF-8?q?=E6=8E=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/api/chart/gesture.en.md | 2 +- docs/api/chart/gesture.zh.md | 2 +- docs/tutorial/manual/miniprogram.en.md | 14 +++----------- docs/tutorial/manual/miniprogram.zh.md | 14 +++----------- docs/tutorial/manual/node-env.en.md | 2 +- docs/tutorial/manual/node-env.zh.md | 2 +- 6 files changed, 10 insertions(+), 26 deletions(-) diff --git a/docs/api/chart/gesture.en.md b/docs/api/chart/gesture.en.md index 33c06822d..9ed52accc 100644 --- a/docs/api/chart/gesture.en.md +++ b/docs/api/chart/gesture.en.md @@ -5,7 +5,7 @@ order: 12 用于图表绑定图表上的手势事件。该方法会返回 gestureController。除了支持系统基础事件 touchstart、touchmove、touchend，还支持复杂的手势，基于手势库 [hammerjs](https://github.com/hammerjs/hammer.js)。 -![](https://cdn.yuque.com/yuque/0/2018/png/104396/1524466228977-0589fe3d-2cef-4d42-946f-ae54f2dfb18b.png#width=827) +![](https://gw.alipayobjects.com/zos/finxbff/compress-tinypng/534cf6aa-7dea-4f03-b84c-e24566f08d6a.png) ## 如何引入使用插件 diff --git a/docs/api/chart/gesture.zh.md b/docs/api/chart/gesture.zh.md index 33c06822d..9ed52accc 100644 --- a/docs/api/chart/gesture.zh.md +++ b/docs/api/chart/gesture.zh.md @@ -5,7 +5,7 @@ order: 12 用于图表绑定图表上的手势事件。该方法会返回 gestureController。除了支持系统基础事件 touchstart、touchmove、touchend，还支持复杂的手势，基于手势库 [hammerjs](https://github.com/hammerjs/hammer.js)。 -![](https://cdn.yuque.com/yuque/0/2018/png/104396/1524466228977-0589fe3d-2cef-4d42-946f-ae54f2dfb18b.png#width=827) +![](https://gw.alipayobjects.com/zos/finxbff/compress-tinypng/534cf6aa-7dea-4f03-b84c-e24566f08d6a.png) ## 如何引入使用插件 diff --git a/docs/tutorial/manual/miniprogram.en.md b/docs/tutorial/manual/miniprogram.en.md index 5f9e18c86..d785480ef 100644 --- a/docs/tutorial/manual/miniprogram.en.md +++ b/docs/tutorial/manual/miniprogram.en.md @@ -24,22 +24,16 @@ order: 9 详见：[《聊一聊 F2 与小程序》](https://yuque.com/antv/blog/bg9sxf)。 +为了使用方便，我们分别对支付宝小程序和微信小程序分装了自定义组件，官网上的demo都是可以在小程序中运行的 + ### 支付宝小程序 -F2 的支付宝小程序版本（待支付宝支持自定义组件后，会基于此库提供一个支付宝小程序的组件）。 +F2 的支付宝小程序版本。 - github：[https://github.com/antvis/my-f2](https://github.com/antvis/my-f2) - 使用文档：[这里](https://github.com/antvis/my-f2/blob/master/README.md) -- Demos:  [github](https://github.com/antvis/mini-program-f2-demos/tree/master/my-charts)，用户可以通过[蚂蚁开发者工具](https://docs.alipay.com/mini/ide/overview)直接打开此项目进行体验感受。 - -### 支付宝小程序图表库mini-chart -和上面小程序版本不同之处在于，my-f2是用f2的方式较为自定义底层地绘制，而mini-chart是封装成了自定义组件的形式，在使用上要简单些。 - -- github：[https://github.com/ant-mini-program/mini-chart](https://github.com/ant-mini-program/mini-chart) - -文档和demo都在这个仓库中。 ### 微信小程序 @@ -49,7 +43,5 @@ F2 的微信小程序图表组件 - 使用文档：[这里](https://github.com/antvis/wx-f2/blob/master/README.md) -- Demos: 源码位于项目 pages/charts/ 目录下，可以使用[微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018412)打开[ wx-f2](https://github.com/antvis/wx-f2) 项目进行体验感受，也可以打开微信扫描以下二维码进行体验： -![](https://cdn.yuque.com/lark/0/2018/png/514/1524555862386-7010f1b3-7100-4a84-bc97-ec4a6560155d.png#align=left&display=inline&height=344&originHeight=344&originWidth=344&status=done&width=344) diff --git a/docs/tutorial/manual/miniprogram.zh.md b/docs/tutorial/manual/miniprogram.zh.md index 5f9e18c86..d785480ef 100644 --- a/docs/tutorial/manual/miniprogram.zh.md +++ b/docs/tutorial/manual/miniprogram.zh.md @@ -24,22 +24,16 @@ order: 9 详见：[《聊一聊 F2 与小程序》](https://yuque.com/antv/blog/bg9sxf)。 +为了使用方便，我们分别对支付宝小程序和微信小程序分装了自定义组件，官网上的demo都是可以在小程序中运行的 + ### 支付宝小程序 -F2 的支付宝小程序版本（待支付宝支持自定义组件后，会基于此库提供一个支付宝小程序的组件）。 +F2 的支付宝小程序版本。 - github：[https://github.com/antvis/my-f2](https://github.com/antvis/my-f2) - 使用文档：[这里](https://github.com/antvis/my-f2/blob/master/README.md) -- Demos:  [github](https://github.com/antvis/mini-program-f2-demos/tree/master/my-charts)，用户可以通过[蚂蚁开发者工具](https://docs.alipay.com/mini/ide/overview)直接打开此项目进行体验感受。 - -### 支付宝小程序图表库mini-chart -和上面小程序版本不同之处在于，my-f2是用f2的方式较为自定义底层地绘制，而mini-chart是封装成了自定义组件的形式，在使用上要简单些。 - -- github：[https://github.com/ant-mini-program/mini-chart](https://github.com/ant-mini-program/mini-chart) - -文档和demo都在这个仓库中。 ### 微信小程序 @@ -49,7 +43,5 @@ F2 的微信小程序图表组件 - 使用文档：[这里](https://github.com/antvis/wx-f2/blob/master/README.md) -- Demos: 源码位于项目 pages/charts/ 目录下，可以使用[微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018412)打开[ wx-f2](https://github.com/antvis/wx-f2) 项目进行体验感受，也可以打开微信扫描以下二维码进行体验： -![](https://cdn.yuque.com/lark/0/2018/png/514/1524555862386-7010f1b3-7100-4a84-bc97-ec4a6560155d.png#align=left&display=inline&height=344&originHeight=344&originWidth=344&status=done&width=344) diff --git a/docs/tutorial/manual/node-env.en.md b/docs/tutorial/manual/node-env.en.md index 0d059b205..aef8c69ed 100644 --- a/docs/tutorial/manual/node-env.en.md +++ b/docs/tutorial/manual/node-env.en.md @@ -78,7 +78,7 @@ const chart = new F2.Chart({ 下面是 F2 在 node 端绘制饼图的完整代码: -![](https://cdn.yuque.com/lark/0/2018/png/514/1524314241103-865e6682-9508-4bb3-9f30-676bf0042d58.png#width=375) +![](https://gw.alipayobjects.com/zos/finxbff/compress-tinypng/6154589f-b6eb-4647-9634-9baf6fc70991.png) ```javascript const fs = require('fs'); diff --git a/docs/tutorial/manual/node-env.zh.md b/docs/tutorial/manual/node-env.zh.md index 0d059b205..aef8c69ed 100644 --- a/docs/tutorial/manual/node-env.zh.md +++ b/docs/tutorial/manual/node-env.zh.md @@ -78,7 +78,7 @@ const chart = new F2.Chart({ 下面是 F2 在 node 端绘制饼图的完整代码: -![](https://cdn.yuque.com/lark/0/2018/png/514/1524314241103-865e6682-9508-4bb3-9f30-676bf0042d58.png#width=375) +![](https://gw.alipayobjects.com/zos/finxbff/compress-tinypng/6154589f-b6eb-4647-9634-9baf6fc70991.png) ```javascript const fs = require('fs');