利用AxhubCharts元件库在Axure RP中快速创建可视化统计图,可创建的可视化统计图有折线图、柱状图、堆叠柱状图、条形图、堆叠条形图、面积图、饼图、环形图、漏斗图、甘特图、散点图等。具体操作步骤见下文。
1.下载AxhubCharts.rplib元件库文件
2.载入AxhubCharts.rplib元件库
在Axure RP中,在【库】按如下操作,点击【载入元件库】,选择步骤1下载的元件库文件。载入成功后,即可看到该元件库支持的统计图。
3.操作实例(以柱状图为例)
①把柱形图原件拖进画布中,可以观察到这个柱形图原件是一个组合。
如果想查看该组合的组成成分,需要在【视图】中勾选【概要】功能,具体操作路径如下图。
②在【大纲:页面】中可以看出柱形图元件由一个矩形和两个中继器组成。其中:
anhub-column-data(中继器)负责控制柱形图展示的数据情况;
anhub-column-config(中继器)负责控制柱形图展示的外观情况;
③调节anhub-column-data(中继器)
点击anhub-column-data(中继器),在【属性】中调整需要展示的数据结果。
④调节anhub-column-config(中继器)
点击anhub-column-config(中继器),在【属性】中调整需要改变柱形图外观的参数。
如果需要改变柱形图的图例为中文,则可改变【formHeader】一行的【value】值,【value】值的示例为:
表头,区域A,区域B
设计结果展示: