欢迎访问设·集合!

设·集合

您现在的位置是:首页 > 平面软件 > Axure

Axure中怎么快速插入antv图表?

设·集合小编 发布时间:2023-04-17 14:12:23 814次最后更新:2024-06-12 11:52:59

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

设·集合还有超多“Axure RP”视频课程,欢迎大家点击查看

工具/软件

硬件型号:华硕(ASUS)S500

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

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


第2步

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


第3步

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


第4步

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


第5步

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


广告位

热心评论

评论列表