基于Antv Echart 免费实现 Axure 为了快速实现数据可视化的原型设计,图表元件库。
- 下载和导入动态图表元件库:
- 用户可以从axurehub.com下载专门为Axure制作的动态图表元件库。
- 通过菜单进行Axurelibraries面板的导入。
- 元件库内容:
- 图表模块包含多种常见的图表类型,如折线图、柱状图、饼图等。
- 设计原理:
- 设计注重易用性,每个图表元件包括三部分:图表容器、样式配置和数据配置。
- 提供默认值,使用户能够直观地理解图表效果,并允许用户根据需要进行扩展。
- 每个元件包含一个wrap(唯一可视元素),调整wrap的尺寸会自动改变图表尺寸。
- 用于设置图表样式参数的conf(配置文件),每个图表都有默认设置。
- 用于设置图表所需的数据,支持简单数据配置和大量数据的在线json地址输入,包括data(数据文件)。
- 核心操作方法:
- Axure 在RP8中,中继器通过选择元件并编辑在右下角的“概要:页面”中。
- 若“概要:页面”不可见,则可通过菜单-视图-功能区-概要显示。
- Axure 在RP9中,操作方法相似,但需要切换到概要视图来编辑中继器。
元件库中包含的图表包含基本柱状图 堆积柱状图 堆积柱状图(线) 基础条形图 堆积条形图 分组条形图 基础饼图 环形饼图 堆积面积图 基础散点图 基础漏斗图 基础雷达图(直线) 基础热力图 动态数字 动态进度条 水波图 圆环图等
评论(0)