平时工作中会遇到许多需要进行统计的地方，如何快速画出既美观又实用的统计图呢，本文将先带大家解答如何绘制动态柱状统计图。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
演示效果：https://hc4wih.axshare.com文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
一、动态柱状统计图绘制教程
首先，我们打开Axure后，绘制相应的基础线段和文字描述（本文参数仅供参考，请根据实际需要绘制参数）。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
选取一个矩形框，将高度设置为：1，宽度和填充颜色根据使用场景调整，此处我将矩形放置“10月”上方中心位置，方便后面动态效果展示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
接着我们进行交互效果的设置。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
选择【载入时-设置尺寸-当前元件】，高度设为：66，动画效果：线性 500毫秒。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
接着我们复制已设定好的矩形框，分别复制在不同的“月份上方”，对已复制的矩形框调整需要的尺寸高度。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
最后我们可以根据美观效果，在不同的矩形高度上方设置数字座位高度的显示并对数字进行命名，将数字进行隐藏，对矩形设置交互【载入时-显示-数字-逐渐-1000毫秒】，这样我们整个的动态柱状统计图就做出来啦~文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
下期将为大家详细介绍如何绘制动态折线统计图及动态饼状图~~文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html
本文由 @画图仔 原创发布于人人都是产品经理文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/22699.html