Axhub Charts是基于Echarts和Antv的图表元件库,主要是应用在Axure原型设计
Echarts:https://echarts.baidu.com,源于百度的开源的可视化解决方案
Antv:https://antv.alipay.com/zh-cn/index.html,源于蚂蚁金服的数据可视化解决方案
下载 Axhub Charts 元件库rplib文件 :
使用Axhub Charts元件库可在Axure RP中快速创建可视化统计图;
可创建的可视化统计图有折线图、柱状图、堆叠柱状图、条形图、堆叠条形图、面积图、饼图、环形图、漏斗图、甘特图、散点图等。
本节依旧以Axure RP 9 版本为例, Axure RP 8操作略微有些差异,但大部分一致;
1.添加Axhub Charts元件库
在Axure RP 9中,切换至【元件】按如下操作,点击> + 号,选择已下载好的AxhubCharts.rplib 库文件;
载入成功后,即可看到该元件库支持的统计图。
2.添加可视化统计图
本文提供柱状图操作实例,其他图形以此类推。
把柱状图元件拖进画布中,即可完成柱状图的添加
接着切换至【概要】页面中可以看出柱形图元件由一个矩形和两个中继器组成。其中:
anhub-column-data(中继器)负责控制柱形图展示的数据情况;
anhub-column-config(中继器)负责控制柱形图展示的外观情况;
点击anhub-column-data(中继器),在【数据】中调整需要展示的数据结果。
点击anhub-column-config(中继器),在【数据】中调整需要改变柱形图外观的参数。
如果需要改变X轴数据为中心,则可以改变【month】一列的值;
如果需要改变柱形图的图例为中文,则可改变【formHeader】一行的【value】值;
改变图例命名前后对比图如下: