在数据产品的原型制作中常常需要用到图表,一般是截图的方式往往是静态没有交互的,今天就教你如何高效、快速地在Axure中插入Antv图表。
工具/原料
axChart元件库
方法/步骤
1
把axChart元件库导入到Axure软件中。
2
选择coderun_antv元件,拖到界面上。
3
打开antv G2网站,一般是https://g2.antv.vision/zh/examples/gallery/line上面有很多示例,可以直接在页面上修改原始数据为自己的数据,然后复制示例代码。(不用管代码逻辑)
4
将复制的代码粘贴到Axure的coderun元件中。为了展示效果,邮件将代码块设置为隐藏,别人就看不到了。
5
然后生成html或预览,可交互的动态图表就呈现出来了。而且示例网站上的全部图表都支持一键复制使用。
上一篇:公交WIFI应用原理