欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Axure怎么绘制柱状图图形? Axure绘制柱状图的教程

程序员文章站 2023-01-05 15:30:37
Axure怎么绘制柱状图图形? Axure绘制柱状图的教程...

经常使用axure设计网页原型,想要画一个统计数据用的柱状图,该怎么设计呢?下面我们就来看看详细的教程。

Axure怎么绘制柱状图图形? Axure绘制柱状图的教程

1、双击rp axure快捷方式或在开始位置找到rp axure双击打开,打开软件,默认显示为一个空白页面,如下图所示:

Axure怎么绘制柱状图图形? Axure绘制柱状图的教程

2、在左侧“基本元件”里找到矩形,拖曳一个到编辑区域,设置宽度和高度,调整矩形框的位置,如下图所示:

Axure怎么绘制柱状图图形? Axure绘制柱状图的教程

3、在元件库“icons”找到“bar chart”,拖一个到矩形框中,并合理调整宽度和高度,默认是黑色,如下图所示:

Axure怎么绘制柱状图图形? Axure绘制柱状图的教程

4、选中柱状图,将图形填充色设置为绿色,修改字体大小,如下图所示:

Axure怎么绘制柱状图图形? Axure绘制柱状图的教程

5、设置交互样式,鼠标右键选中图形,点击“交互样式”,打开“交互样式设置”窗口,设置不同事件下的样式,如下图所示:

Axure怎么绘制柱状图图形? Axure绘制柱状图的教程

6、设置完毕后,点击“预览”进行预览,相应的在浏览器中打开一个页面,如下图所示:

Axure怎么绘制柱状图图形? Axure绘制柱状图的教程

以上就是axure绘制柱形图的教程,希望大家喜欢,请继续关注。

相关标签: Axure 柱状图