axure使用中继器画柱状图

源文件在顶部。

在axure通过读取中继器中的数据来画柱状图，如下图：

1）创建一个中继器，在里面创建两列：1列是柱状图底部的名称、2列是柱的高度，如下图：

2）双击中继器，画一个矩形作为柱（命名为柱），下方添加一个标签作为名称（命名为名称），如下图：

3）将中继器“样式-布局”改为横向，这样所有的列表就横向排列了。

4）现在可以看到每列都显示相同的柱和名称，接下来就需要添加交互，使中继器在载入时，读取中继器内容的内容，为中继器添加第一个交互事件：
载入时，设置文本-名称为中继器第一列数据的值，如下图：

这里的值点击fx去选择中继器数据，如下图：

此时就可以看到柱底部的名称按照第一列一一对应了，如下图：

然后为中继器添加第二个交互事件：
载入时，设置柱的矩形宽度为target.width，高度为最大高度的一定比例，需要使用公式计算：target.height*(Item.no/1000)，如下图：

锚点在底部，如下图：

可以看到所有的柱也根据中继器第二列的数据显示了，如下图：

说明一下这个公式的意义：这里的target.height就是柱默认矩形的高度（这里通过读取target.height而不是用固定值是为了以后矩形的高度变化也能自动适应），Item.no是中继器no一列的数据，1000是最大高度值（对应的是默认矩形的高度），通过公式就可以换算出数据值对应的矩形高度值。

5）为了方便查看，可以在根据中继器的位置添加刻度线，1000数字对应的就是矩形的默认高度。

将中继器的边框粗细设置为0，为柱设置渐变色，如下图：