工具产品工作感悟

如何快速运用Axure工具绘制数据分析图表

2020-06-08  本文已影响0人  蔬香四溢

方法1:运用Axure元件:Axhub chart绘制图标

元件相关使用地址如下:https://axhub.im/pro/3320ad07d6897b89/#g=1&p=about

操作方法:按照正常Libraries方法将元件库引入Axure库中。使用时,直接拖拽图形至文档中,因为该元件是用中继器和矩形组合形成的。

如果您要修改数据,需要进入图标的中继器中修改具体的表格数据,如下图(可点击图上这个图标,找到axhub-line-data,在表格中修改或通过Axure的概要页查找,如下图)

数据修改方法 图标应用 概要页

方法2:运用Antv,E-chart等图标网站的html文件图表,将Html文件引入Axure从而来实现原型中呈现精美的图表

操作如下:第一步:以Antv网站上下载图标的html代码,并保存为html文件

html图表

第二步:将html文件保存在预览原型的目录或上传到服务器,得到正确的URL

第三步:在Axure文件中引入图标的位置,添加内联框架-》选择链接到外部文件-》填入html文件的地址

注意:如果html文件在本地,在配置内联框架地址时只需要填写文件所在地址,不需要填写整个原型文件的地址,否则会重复,导致无法访问表格

还有就是如果是本地的html文件,只能通过生成原型文件访问,不能直接通过预览文件访问。

如下图所示;

内联框架本地图表链接地址 图表效果
上一篇 下一篇

猜你喜欢

热点阅读