没有合适的资源?快使用搜索试试~ 我知道了~
liuxinfengabc#cultivate#Axure使用Axhub画图表1
需积分: 0 0 下载量 11 浏览量
2022-07-25
14:31:51
上传
评论
收藏 6KB MD 举报
温馨提示
试读
1.1原件构成与使用: 1.2更改图表数据: 1.3更改图表高宽: 1.4更改图表的背景: 1.5实现动态图表: 1.6常见问题
资源推荐
资源详情
资源评论
## 如何在Axure 内使用Axhub Charts
Axure是一个强大的原型工具,可以让你分分钟画出漂亮的表格,但是如何画出漂亮的折线图、饼图等图表,和客户直接进行交流?
下载:访问 https://axhub.im/charts/ 通过侧边栏下载 Axhub Charts 元件库
下载地址2: https://github.com/liuxinfengabc/cultivate/blob/master/2.CASE工具/1.设计工具/6.原型设计/
导入:在 Axure 内的 Libraries 面板,通过菜单导入下载的元件库
![img](Axure使用Axhub画图表.assets/u3.png)
如何使用Axhub Charts的图表
#### **1.1原件构成与使用:**
在 Axure 内的 Libraries 面板选择对应图表,拖拽入目标页面即可,预览或生成即可看到图表。
每个图表元件一般为一个组合,组合名称可任意修改,组合内有:
- 容器矩形:一般名称为 acp-xxx-chart ,名称不可更改,为图表容器
- 数据中继器:一般名称为 acp-data ,名称不可更改,存放图表数据
- 配置中继器:一般名称为 acp-config ,名称不可更改,存放图表数据配置
![image.png](Axure使用Axhub画图表.assets/1569252379002-4f54cccf-ea54-40d0-b415-920516d00083.png)
acp 工作原理就是通过 javascript 读取中继器内的数据和配置,然后通过第三方图表库渲染成对应图表。
请注意,每个图表元件的组合不能打乱,否则将无法正常工作。
请注意,你在 Axure 内的 Outline(中文翻译为大纲或概要) 面板即可看到元件库组合,若找不到该面板,请尝试点击 Axure 视图 Views 菜单 - 面板 Panes 打开。
###### 更改画布
更改尺寸:在 Axure 内更改容器矩形( acp-xxx-chart )的尺寸和比例,图表画布即会更新
更改颜色:图表画布背景是透明的,可以在 Axure 内自行增加一个背景层,实现图表的背景和纹路等
###### 更改数据
在 Axure 内更�
点击阅读更多
资源评论
地图帝
- 粉丝: 21
- 资源: 297
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功