axure商城

Axure RP9 [Axhub Charts]动态图表如何修改数据及配置

Axhub Charts图表元件库是基于Echarts Antv实现的一款Axure图表元件库。免费下载>> 很多新手朋友下载后不知道如何使用,本教程教大家如何修改数据和配置,快速上手。

Axhub Charts动态图表需要通过“概要”面板选中对应元件进行修改,如果“概要”面板默认未显示,可以通过顶部菜单的“视图—功能区—概要”中勾选显示,同时点击面板右上角的筛选图标选中“全部元件”。Axure9的“概要”面板默认显示在左侧“页面”面板旁边,可以拖动面板标题移动面板的位置。

第一步

选中图表组件后在“概要”面板中可以看到由三个元件组合而成,选中对应元件进行修改。

Axure RP9 [Axhub Charts]动态图表如何修改数据及配置

第二步

axhub-xxx-data中继器为数据项,如果要调整图表中的数据值可以选中后修改上面的数据值,可以根据需要添加数值列或行。

Axure RP9 [Axhub Charts]动态图表如何修改数据及配置

第三步

axhub-xxx-config中继器为配置项,如果要调整图表的样式或显示方式,可以修改其中的设置。不同图表元件的显示方式和设置有一些差异。

Axure RP9 [Axhub Charts]动态图表如何修改数据及配置

最后

如果图表中对应项需要显示为中文,请修改中继器axhub-xxx-config中的formHeader属性,中文项用英文逗号隔开,每个中文项对应axhub-xxx-data中继器中的数据列。例如当前数据列有month、Tokyo、London,需要显示为中文在formHeader中输入“月份,东京,伦敦”即可。

Axure RP9 [Axhub Charts]动态图表如何修改数据及配置

 

给TA打赏
共{{data.count}}人
人已打赏
Axure教程

Axure实战教程:tab导航页面切换

2022-11-13 17:13:45

Axure教程

【Axure电商案例】如何设计和真的后台一样给客户看

2022-11-16 11:56:29

axure商城
2 条回复 A文章作者 M管理员
  1. lulu109682

    为啥我通过“formHeader”设置了中文表头但是没效果呢?

  2. 黄老师
    黄老师给作者打赏了¥5
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索