工作中有用到Axure RP画原型，虽然原型没有要求必须做交互动效，但是今天看见一个用Axure做的柱状图的载入动效，其实看起来很简单，打算自己尝试做一下，结果，断断续续花了差不多3个多小时才达到那个载入效果，里面有一个坑，觉得有人也会遇到，所以还是记录一下实现过程。
我首先画了静态的柱状图，然后在网上百度了一下怎么做动效，网上说给每个柱子设置载入动效》设置尺寸》设置参数，然后调整柱子的高度到最低，预览就可以看见动效了，感觉蛮简单的，所以开始自己照着操作。
1、画静态柱状图
2、给每个柱子设置载入动效，动效如下图。柱子宽和高不变，就按柱子本来的高度。
3、将每个柱子高度调低。
4、预览后，为什么柱子上下变模糊了？？？？？别人的不是这样的啊，难道我的步骤有问题，我又重新按照步骤做了一遍，还是模糊。
我猜测是不是要将柱子转为动态面板再设置载入动效，所以先将柱子转换成动态面板后，针对面板设置载入动效》设置尺寸》设置参数，然后调整面板的高度到最低，预览后，看着效果接近80%，有一点瑕疵，就是别人是从一个圆角型往上生长的效果，我做的感觉是从土里面生长起来的，主要是底部那个圆角最后才显示，就很奇怪，搞不懂别人到底是怎么做的。
别人做的效果：
我采用动态面板做的效果：
在网上百度也没有找到相应的教程，感觉自己操作也没有问题，但是为什么效果有差呢。按F12看了看别人的原型页面代码，柱子是div展示的，然后看了看我做的第一个柱状图原型，柱子竟然是图片，怪不得载入完拉伸变模糊了，可是我采用的元件是矩形，怎么变图片了呢。
别人做的原型预览后HTML代码：
我做的原型预览后HTML代码：
现在要测试找问题所在了：
1、重新拉一个矩形，不改颜色，不改边框，直接设置载入动效，预览后就是我要的那种动效，按F12发现是div展示。
中间效果：
加载完：
2、改矩形的背景颜色并去掉边框，预览后又变模糊了，按F12发现div变图片了，继续排查是背景有影响还是边框。
中间效果：
加载完：
3、重新拉一个矩形，添加颜色，不动边框，直接设置载入动效，预览后是正确的，按F12是div展示，那背景颜色是不影响的。
中间效果：
加载完：
4、直接改边框颜色，预览后也是正确的，改边框颜色不影响。
中间效果：
加载完：
5、去掉边框，再预览，就变模糊了，按F12发现是图片。
中间效果：加载完：
所以矩形去掉边框颜色，预览后，在HTML里面是图片，我只要把柱状图的柱子边框改成白色，而不是去掉边框，将边框颜色与背景色同色，预览后，达到了别人的那种效果，总算把效果做出来了。
最后的效果：
最后再说一点，因为我上面操作拉矩形，都是用的矩形1（一般我都用矩形1，不需要边框我就去掉边框），如果我直接拉矩形2来绘制，是不需要改边框的，按照上面的操作步骤可以一步到位。
折腾了几个小时，也算是一个小经验。
