手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Axure中快速插入antv图表的方法一

时间:2024-10-12 00:44:45

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

Axure中快速插入antv图表的方法一

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

Axure中快速插入antv图表的方法一

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

Axure中快速插入antv图表的方法一

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

Axure中快速插入antv图表的方法一

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

Axure中快速插入antv图表的方法一
© 手抄报圈