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】值；

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