找回密码
 立即注册

QQ登录

只需一步,快速开始

Tracy.Liu 讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2020-3-13 11:28  /   查看:4227  /  回复:0
本帖最后由 Tracy.Liu 于 2020-3-13 11:55 编辑

有的时候,大家在做报表页面的时候,总会遇到这样的问题
图1
   image.png346112975.png
图2
   image.png693525390.png

看了上面两张图,是不是感觉,整体界面还蛮不错,就是那几个对不齐的图表,分分钟逼死强迫症。
20200313103613.gif

当然,我举得这个栗子夸张了些,机智的小伙伴应该还是会尽全力,将图片一点一点移动位置,直到看起来基本对齐了。

不过,今天我要给大家带来一个一直存在,但是常常会被忽略掉的功能--“对齐”。
   image.png429106444.png

这个功能其实不难,和excel中的用法是一样的。这里我就用图2中的例子给大家演示一下~
直接上操作动图:
第一步:
1.gif
第二步:
2.gif

如果你看懂了上面的动图,那就不需要看下面的步骤啦~如果没有,那接下来慢慢我们细说:
1.因为我这里6个图是希望一样大小的,所以我会先把每一个图表的大小设置一样大
   image.png942838134.png
2. ①把上面一层三个图表的最左边和最右边的两个图表,放在希望的最左端和最右端的位置,定位好宽度;
    ②调整上层中间图表的垂直位置作为基准,定位好以后,将这一层其他两个移动到基准图表的偏上,或者都偏下(这里设置的都偏下)。
    ③按下ctrl,选中上面三个图表,然后点击“对齐”-“横向分布”,在点击“顶端对齐”
         image.png414241942.png
         image.png505664672.png
此时上面三个图就OK了。
3.相同的方式设置下面三个图表,不过这里有一点不同的就是,下层左侧和右侧的定位时,分别根据上层最左侧和最后测的图表位置做定位。比如,先将下面最左边这个移动到偏左,然后ctrl选择左侧两个图表,点击右对齐,左边就定位好了。右边同理,横向分布以及垂直方向上的也和第2步中的操作是类似的。
   image.png747514953.png
4.最终效果
image.png754614867.png

整整齐齐,看起来心情都舒畅了~
image.png119761656.png

小提示:在定位完某些位置后,尽量不要使用鼠标拖拽的方式调整,而是选中图表,按↑↓←→键,防止拖拽导致横向位置分布发生改变






评分

参与人数 2满意度 +10 收起 理由
zhch182 + 5
chenbin + 5 很给力!

查看全部评分

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部