Axure教程:高保真数据可视化原型（axure数据可视化模型）
moboyou 2025-07-16 04:03 12 浏览
本文将介绍如何制作Axure高保真数据可视化原型，供大家参考和学习。
高保真数据可视化原型设计，称得上是Axure高阶水平。
数据可视化在原型设计中是一个重要的分支，但是对于Axure使用者具有一定要求。清晰的数据可视化原型可以减少与需求方和研发工程师等的沟通成本，且可具象。
Axure本身具有高级交互的能力，结合数据可视化的方式，以低成本的方式，达到预期的演示的效果，本文介绍如何制作Axure高保真数据可视化原型。
第1步：拖入内联框架（Inline Frame）
在Axure操作界面中，拖入一个Inline Frame（中文：内联框架）。
第2步：选择带有实例图的HTML页面
Axure本身可生成HTML页面，本质上而言，只要带有实例图的为HTML文件，并可正常访问即可。至于HTML是以何种方式制作生成，不做限制。
第3步：修改实例图样式，编辑HTML页面代码
点击进入图后，所示页面如下图。左侧为折线图效果对应的代码，右侧是折线图的效果。可以在左侧修改代码，运行后可在右侧查看修改后的效果（此处不做赘述）。
点击页面右下角的“Download”按钮，下载折线图的HTML页面。
使用任意一种代码编辑器（笔者喜欢用komodo），打开html页面，修改html页面代码中自带的api。如果发现运行后html报错api过期时，需要自行创建api，将其进行替换。
第4步：创建一个新的文件夹
创建一个新的文件夹（本文命名其为：axure and excharts），文件夹的位置没有要求。将下载的HTML页面，放置在文件夹中。
第5步：使用Axure内联框架链接文件夹中HTML页面
双击拖入Axure操作界面的内联框架（Inline Frame），选择“link to an external url or file”（选择一个外部的urd或文件），输入HTML页面所在的位置及名称（如本文：D:\Desktop\axure and echarts\line-simple.html），如下图所示：
第6步：Axure界面中操作生成html文件
点击生成html页面按钮：
将生成html文件的目录，更改为上文创建的文件夹。如下图：
点击确认后，“axure and echarts”文件夹中会存在axure生成的html页面和html页面。同时，会自动打开一个html页面，可查看效果，如下图：
这样，我们就通过一个简单的例子，在Axure中实现了数据可视化效果。
笔者在本文中分享的是实现的方法，但是实际应用过程中，通过一款数据可视化产品的视角去实操，会让你有意想不到的效果，特别是在Axure颜色、布局、交互等能力的加持下。
作者：鱼日，公众号：issnail
本文由 @鱼日 原创发布于人人都是产品经理。未经许可，禁止转载
题图来自Unsplash，基于CC0协议
相关推荐
- python新手学习常见数据类型——数字
-
Python支持三种不同的数值类型：整型(int)、浮点型(float)、复数(complex)创建数字：a=1b=2.7c=8+4j删除数字：a=1b=2.7c=8+4...
- 只用一个套路公式，给 Excel 中一列人员设置随机出场顺序
-
很多同学会觉得Excel单个案例讲解有些碎片化，初学者未必能完全理解和掌握。不少同学都希望有一套完整的图文教学，从最基础的概念开始，一步步由简入繁、从入门到精通，系统化地讲解Excel的各个知...
- Excel神技 TIME函数:3秒搞定时间拼接!职场人必学的效率秘籍
-
你是否经常需要在Excel中手动输入时间，或者从不同单元格拼接时、分、秒？今天我要揭秘一个超实用的Excel函数——TIME函数，它能让你3秒内生成标准时间格式，彻底告别繁琐操作！一、TIME函数基础...
- 销售算错数被批?97 Excel 数字函数救场，3 步搞定复杂计算
-
销售部小张被老板当着全部门骂。上季度销售额汇总，他把38652.78算成36852.78，差了1800块。财务对账时发现，整个部门的提成表都得重算。"连个数都算不对，还做什么销售？&...
- 如何使用Minitab 1分钟生成所需要的SPC数据
-
打开Minitab，“计算”-“随机数据”-“正太”，因为不好截图，使用的是拍照记录的方式.再要生产的行数中，填写125，可以按照要求，有些客户要求的是100个数据，就可以填写100...
- 验证码，除了 12306，我还没有服过谁
-
为了防止暴力注册或爬虫爬取等机器请求，需要验证操作者是人还是机器，便有了验证码这个设计。本文作者主要介绍了如何使用Axure来设计一个动态的图形验证码，一起来学习一下吧。在软件设计中，为了防止暴力...
- 零基础也能学会的9个Excel函数，小白进阶必备
-
今天给大家分享一些常用的函数公式，可以有效地解决Excel中办公所需，0基础也可以轻松学会。建议收藏，在需要的时候可以直接套用函数。1、计算排名根据总和，计算学生成绩排名。函数公式=RANK(E2,$...
- [office] excel表格数值如何设置_excel表格怎样设置数值
-
excel表格数值如何设置 因为电子表格应用程序是用来处理数值数据的，所以数值格式可能是工作表中最关键的部分，格式化数值数据的方式由用户决定，但在每个工作簿的工作表之间应使用一致的处理数字的方法。...
- Excel最常用的5个函数!会用最后一个才是高手
-
是不是在处理Excel数据时，面对繁琐的操作烦恼不已？手动操作不仅耗时费力，还容易出错。别担心，表姐这就为你揭秘Excel中几个超实用的函数，让数据处理变得轻松高效！表姐整理了552页《Office从...
- 新手必会的53个Excel函数_惊呆小伙伴的全套excel函数技能
-
（新手入门+进阶+新函数）一、新手入门级(24个)1、Sum函数：求和=Sum(区域)2、Average函数：求平均值=Average(区域)3、Count函数：数字个数=Count(区域)4、Cou...
- 打工人私藏的4个Excel函数秘籍，效率提升3.7%
-
小伙伴们好啊，今天咱们分享几个常用函数公式的典型应用。合并内容如下图，希望将B列的姓名，按照不同部门合并到一个单元格里。=TEXTJOIN(",",1,IF(A$2:A$15=D2,B...
- Excel偷偷更新的8个函数!原来高手都在用这些隐藏技能
-
领导突然要销售数据，你手忙脚乱筛选到眼花...同事3分钟搞定的报表，你折腾半小时还在填充公式...明明用了VLOOKUP，却总显示#N/A错误...别慌！今天教你的8个动态数组函数，就像给Excel装...
- Excel表格随机函数怎么用?讲解三种随机函数在不同场景的应用
-
excel随机函数，其特点是能够生成一组随机数字，根据不同需求，还能批量生成小数位和整数，及指定行数和列数，或指定区间范围内的数字。这里根据需求，作者设置了三个问题，第1个是随机生成0至1之间的数字...
- 单纯随机抽样该如何进行?_单纯随机抽样的适用范围及注意事项
-
在数据分析中，抽样是指从全部数据中选择部分数据进行分析，以发掘更大规模数据集中的有用信息。在收集数据过程中，绝大多数情况下，并不采取普查的方式获取总体中所有样本的数据信息，而是以各类抽样方法抽取其中若...
- 随机函数在Excel中的应用_随机函数在excel中的应用实例
-
【分享成果，随喜正能量】职场，如果你没有价值，那么你随时可能被取代;如果你的价值不如别人，那么社会也不会惯你，你将被无情地淘汰掉。不管什么时候，你一定要学会构建自己的价值。每个人都应该思考这个问题：我...
- 一周热门
- 最近发表
- 标签列表
-
- 外键约束 oracle (36)
- oracle的row number (32)
- 唯一索引 oracle (34)
- oracle in 表变量 (28)
- oracle导出dmp导出 (28)
- 多线程的创建方式 (29)
- 多线程 python (30)
- java多线程并发处理 (32)
- 宏程序代码一览表 (35)
- c++需要学多久 (25)
- css class选择器用法 (25)
- css样式引入 (30)
- css教程文字移动 (33)
- php简单源码 (36)
- php个人中心源码 (25)
- php小说爬取源码 (23)
- 云电脑app源码 (22)
- html画折线图 (24)
- docker好玩的应用 (28)
- linux有没有pe工具 (34)
- mysql数据库源码 (21)
- php开源万能表单系统源码 (21)
- 可以上传视频的网站源码 (25)
- match函数的功能是 (21)
- 随机函数如何生成小数点数字 (31)