Axure中怎么快速插入antv图表优质

扫码添加渲大师小管家,免费领取渲染插件、素材、模型、教程合集大礼包!

在数据产品的原型制作中常常需要用到图表。一般是截图的方式往往是静态没有交互的。今天就教你如何高效。快速地在Axure中插入antv图表。

云渲染农场还有超多“Axure RP”视频课程。欢迎大家点击查看

工具/软件

硬件型号:华硕(ASUS)S500

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

把axChart元件库导入到Axure软件中。

Axure中怎么快速插入antv图表

第2步

选择coderun_antv元件。拖到界面上。

Axure中怎么快速插入antv图表

第3步

打开antv G2网站。一般是https://g2.antv.vision/zh/examples/gallery/line上面有很多示例。可以直接在页面上修改原始数据为自己的数据。然后复制示例代码。(不用管代码逻辑)

Axure中怎么快速插入antv图表

第4步

将复制的代码粘贴到Axure的coderun元件中。为了展示效果。邮件将代码块设置为隐藏。别人就看不到了。

Axure中怎么快速插入antv图表

第5步

然后生成html或预览。可交互的动态图表就呈现出来了。而且示例网站上的全部图表都支持一键复制使用。

Axure中怎么快速插入antv图表

以上关于“Axure中怎么快速插入antv图表”的内容小渲今天就介绍到这里。希望这篇文章能够帮助到小伙伴们解决问题。如果觉得教程不详细的话。可以在本站搜索相关的教程学习哦!

以上是由资深渲染大师 小渲 整理编辑的,如果觉得对你有帮助,可以收藏或分享给身边的人

本文标题:Axure中怎么快速插入antv图表
本文地址:http://www.hszkedu.com/70222.html ,转载请注明来源:云渲染教程网
友情提示:本站内容均为网友发布,并不代表本站立场,如果本站的信息无意侵犯了您的版权,请联系我们及时处理,分享目的仅供大家学习与参考,不代表云渲染农场的立场!

发表评论