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或预览,可交互的动态图表就呈现出来了。而且示例网站上的全部图表都支持一键复制使用。
相关文章
- CAD中怎么定义块属性、创建块和插入块?
- 怎样在CAD中插入箭头标志?
- 如何在CAD中插入表格?
- Word文档插入表格时有很多特殊段落符号如何取消?
- XMind中如何插入本地图片?
- XMind中如何插入图片到主题?
- 如何在CAD的矩形中插入文字?
- Word怎么插入页脚?
- Word怎么插入图表?
- Word怎么插入页眉与页脚?
- Word怎么插入文件对象?
- Word怎么插入箭头?
- Word中怎么删除空白页?
- Word中如何插入参考文献上标编号
- C4D模型怎样导入到Photoshop中?
- CAD怎么在internet上用图形文件?
- CAD提示缺少.net4.5怎么处理?
- PS c6怎么给照片添加风的感觉?
- CAD出现c 2005问题怎么办?
- PPT如何让每张幻灯片都可以有不同的主题?
广告位
评论列表