axure数据报表元件库_利用AxhubCharts元件库在Axure RP中快速创建可视化统计图

利用AxhubCharts元件库在Axure RP中快速创建可视化统计图，可创建的可视化统计图有折线图、柱状图、堆叠柱状图、条形图、堆叠条形图、面积图、饼图、环形图、漏斗图、甘特图、散点图等。具体操作步骤见下文。折线图、柱状图、堆叠柱状图、条形图、堆叠条形图、面积图、饼图、环形图、漏斗图、甘特图、散点图  示例

1.下载AxhubCharts.rplib元件库文件

本文提供AxhubCharts.rplib元件库下载方式，百度网盘地址如下(需要的请自取)：链接：https://pan.baidu.com/s/1GMq6KLMGLRVI6kcztuTArQ

提取码：obg3

2.载入AxhubCharts.rplib元件库

在Axure RP中，在【库】按如下操作，点击【载入元件库】，选择步骤1下载的元件库文件。载入成功后，即可看到该元件库支持的统计图。载入元件库

元件库支持的图表

3.操作实例(以柱状图为例)

本文提供柱状图操作实例，其他图形以此类推。

①把柱形图原件拖进画布中，可以观察到这个柱形图原件是一个组合。

如果想查看该组合的组成成分，需要在【视图】中勾选【概要】功能，具体操作路径如下图。柱形图组合示图

概要

②在【大纲：页面】中可以看出柱形图元件由一个矩形和两个中继器组成。其中：

anhub-column-data(中继器)负责控制柱形图展示的数据情况；

anhub-column-config(中继器)负责控制柱形图展示的外观情况；柱形图元件组成

③调节anhub-column-data(中继器)

点击anhub-column-data(中继器)，在【属性】中调整需要展示的数据结果。调节anhub-column-data(中继器)

④调节anhub-column-config(中继器)

点击anhub-column-config(中继器)，在【属性】中调整需要改变柱形图外观的参数。调节anhub-column-config(中继器)

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

表头,区域A,区域B调节【formHeader】

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

改变图例命名前