本文将教大家如何用AXURE做一个超漂亮的柱状图。
　　在线演示地址：http：ije8g9。axshare。cng1pE69FB1E78AB6E59BBEE6B7B1E8939D
　　一、效果介绍
　　二、功能介绍
　　简单填写中继器内容即可生成柱状图，无需连外网。
　　样式可以自由变换，原型内提供6中常用且美观的颜色，也可以自定义。
　　鼠标移入时能显示具体数据。
　　三、制作方法
　　1。中继器里有两列，x和no，x为横坐标，no为具体数值如下图所示：
　　2。中继器内材料：文本框矩形1，如下图所示放置即可：
　　3。在中继器外建一个文本框（命名为最大值）并隐藏，只用于逻辑处理。文本框的值填写no里面最大的值，该案例为980。逻辑是找到最高的值，让比它底的值调低高度。具体公式〔〔LVAR2。height（Item。noLVAR1）〕〕。
　　LVAR2。height指矩形的高度，LVAR1指no的最大值，Item。no指no的当前值。
　　4。具体交互
　　中继器每项加载时，是设置中继器内的文本框的文字〔〔Item。x〕〕
　　设置矩形的尺寸〔〔LVAR2。height（Item。noLVAR1）〕〕，锚点在底部。
　　这是，基本上一级完成了树状图。
　　5。制作外框并标上刻度，如下图所示：
　　将中继器移动到对应位置上即可。
　　6。做一个标签，如下图所示，默认隐藏。
　　思路，鼠标移入矩形的时候，显示标签，标签跟随鼠标移动，让Item。no的值文本标签2，Item。x的值文本标签1。
　　鼠标移出的时候，隐藏标签即可。
　　最后，制作完成后，以后使用方便，仅需简单填写中继器的内容，即可拥有完美的效果，所以强烈推荐给各位使用。

Axure教程：中继器实现评论的增与删在一些清晰的交互中，往往能够节省很多语言的描述，Axure中的中继器能够很好的完成这一点。对评论列表进行增和删的操作，是如何完成的呢？下面将清晰的展示整体的操作过程。展示……Axure教程：组合柱状图上一期教会大家如何用axure做一个简单的柱状图，本文将教大家如何用AXURE做组合柱状图。效果如下：一、功能介绍所有图表不需要联外网，数据也不是写死的，只需……Axure教程：堆叠柱状图上一期教会大家如何用axure做一个简单的柱状图，本文将教大家如何用AXURE做堆叠柱状图。效果如下：一、功能介绍所有图表不需要联外网，数据也不是写死的，只需……Axure9教程：Axure9实现轮播图效果轮播图在日常的原型设计中是最常见的了，今天和大家分享如何制作自动轮播手工点击切换。思路：面载入时，图片会自动轮播；点击下方对应的图片，会跳转到图标对应的界面；……Axure教程：导航栏收缩与展开本文给大家讲解一下如何在Axure中制作导航栏的收缩与展开，一起来看看本文将从以下3个方面展开：需求分析；Axure关键点分析；效果展示。1。需求……AXURE教程：中继器实现穿梭框功能在用Axure的时候，怎么通过中继器实现穿梭框功能呢？本文分享了一个方法。AXURE中的中继器是非常强大的底层组件。我们利用好中继器的强大功能，可以为我们原型设计带来很多……Axure教程：三维阵列图片的自动切换展示如何利用元件的尺寸变化、移动变化等实现三维列阵图片的自动切换展示？笔者在此给出了详细教程，与大家分享今天分享实现五张三维阵列图片切换的方法，主要是利用元件的尺寸变化、移动……Axure教程：怎么做超漂亮的柱状图本文将教大家如何用AXURE做一个超漂亮的柱状图。在线演示地址：http：ije8g9。axshare。cng1pE69FB1E78AB6E59BBEE6B7B1……B端产品原型进化录本文作者从设计原则、色彩、图标这3个角度对产品原型设计进行了拆解。关于B端Web产品前期从流程上进行了复盘，这次从原型设计的角度来进行梳理。原型设计是产品经理的硬技……规范流程下的原型设计你的原型真的有价值吗？在前段时间翻译的IDEO出品的《以人为本的设计指南》中，正好讲到了构思到原型的阶段，恰好我在进修的IDF设计思维课程也到了原型设计部分，因此准备出一篇原型相关的文章，分享所学同……Axure教程：中国地图和世界地图今天，教大家如何用AXURE做可视化视图中国地图和世界地图。enjoy在线演示地址：中国地图：http：knt5gi。axshare。cng1p可视化视图……Axure教程：两个原件实现“验证码倒计时”效果今天给大家带来的教程内容是，怎样用两个原件去实现“验证码倒计时”的设计，一起来看看先来看一下效果图：接下来正式开始教学：实现这一效果我们只运用到了两个原件（没……