axure pr动态可视化元件库在哪有_在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts...

Axhub Charts是基于Echarts和Antv的图表元件库,主要是应用在Axure原型设计

下载 Axhub Charts 元件库rplib文件 : 点击下载使用Axhub Charts元件库可在Axure RP中快速创建可视化统计图;

可创建的可视化统计图有折线图、柱状图、堆叠柱状图、条形图、堆叠条形图、面积图、饼图、环形图、漏斗图、甘特图、散点图等。

axure pr动态可视化元件库在哪有_在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts..._第1张图片

本节依旧以Axure RP 9 版本为例, Axure RP 8操作略微有些差异,但大部分一致;

1.添加Axhub Charts元件库

在Axure RP 9中,切换至【元件】按如下操作,点击> + 号,选择已下载好的AxhubCharts.rplib 库文件;

axure pr动态可视化元件库在哪有_在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts..._第2张图片

载入成功后,即可看到该元件库支持的统计图。

axure pr动态可视化元件库在哪有_在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts..._第3张图片

2.添加可视化统计图

本文提供柱状图操作实例,其他图形以此类推。把柱状图元件拖进画布中,即可完成柱状图的添加

axure pr动态可视化元件库在哪有_在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts..._第4张图片接着切换至【概要】页面中可以看出柱形图元件由一个矩形和两个中继器组成。其中:anhub-column-data(中继器)负责控制柱形图展示的数据情况;

anhub-column-config(中继器)负责控制柱形图展示的外观情况;

axure pr动态可视化元件库在哪有_在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts..._第5张图片点击anhub-column-data(中继器),在【数据】中调整需要展示的数据结果。

axure pr动态可视化元件库在哪有_在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts..._第6张图片点击anhub-column-config(中继器),在【数据】中调整需要改变柱形图外观的参数。

axure pr动态可视化元件库在哪有_在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts..._第7张图片如果需要改变X轴数据为中心,则可以改变【month】一列的值;

如果需要改变柱形图的图例为中文,则可改变【formHeader】一行的【value】值;

axure pr动态可视化元件库在哪有_在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts..._第8张图片

改变图例命名前后对比图如下:

axure pr动态可视化元件库在哪有_在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts..._第9张图片

你可能感兴趣的:(axure,pr动态可视化元件库在哪有)