当前位置:   article > 正文

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

axhub charts 环形图

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

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

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

5e1a2dbf6a0b4ed6f9ecd464e79cc4d5.png

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

1.添加Axhub Charts元件库

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

ab89d0819b38f0ba7b29819e92b47cb7.png

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

36346e1509bdde080a8258142909bc1e.png

2.添加可视化统计图

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

d0469616c434e7ed4d9be956be74d166.png接着切换至【概要】页面中可以看出柱形图元件由一个矩形和两个中继器组成。其中:anhub-column-data(中继器)负责控制柱形图展示的数据情况;

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

f08483dad3ace54f0a5b4d6140b68f0e.png点击anhub-column-data(中继器),在【数据】中调整需要展示的数据结果。

072628108db86bb11d4c0f37f2fee7fa.png点击anhub-column-config(中继器),在【数据】中调整需要改变柱形图外观的参数。

75a8f6e3fed99bc77d945e900af54f92.png如果需要改变X轴数据为中心,则可以改变【month】一列的值;

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

c06a92fd1b811fc9f2e4c7f02c2897ea.png

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

bd47117ed25ddd4e40763f19ed88b212.png

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/106603?site
推荐阅读
相关标签
  

闽ICP备14008679号