echarts 仪表盘设置刻度线离仪表盘的距离_PPT标准图表太丑?试试仪表盘图表!...

这篇博客介绍了如何使用PPT制作非标图表中的仪表盘,包括设置刻度线、制作指针以及添加动态旋转效果。通过口袋动画插件,详细阐述了每个步骤,如绘制形状、设置刻度、动画中心应用以及美化技巧,旨在帮助读者创建出专业的仪表盘图表。
摘要由CSDN通过智能技术生成

0d079ab546fb6eca8d7711532f8ed257.gif

本期闫老师给大家带来的同样是PPT非标图表——仪表盘图表的制作方式与技巧。

先上效果图。

477be9ff4b315737e365250bc66c6c6d.png

03d482c783a7b52d9b3d8fede3db5272.gif

各位小伙伴,如果我们已经嫌弃了样式老旧、自由度不高的Office标准图表,那么本期闫老师嘚啵嘚给大家带来一个新的非标图表—— 仪表盘图表

数据原理

仪表盘图表由于其长得像汽车上的仪表盘而得名,其可以准确的展示出数据的活动范围,以及当前数据所处的位置、项目的进度等。仪表盘的数据展示原理类似于扇形的圆心角度,以360°为100%,数据占比是N%的情况下,用N%×360,即可得到指针转动角度,即指针与数据起始点的夹角度数=N%×360。

制作攻略

本期我们将使用一个外部工具——口袋动画,协助大家完成仪表盘图表的绘制工作。 口袋动画是PPT制作的一个插件,目前只有在Windows下可以兼容使用,还没有出现Mac版本的,如果你的Windows电脑已经安装了office或者WPS即可进行插件安装。 插件安装完成后会以功能标签的形式出现在工具栏中,工具下载链接可点击本期文章后面的“”跳转。 特此声明:闫老师嘚啵嘚未收取该软件供应商的任何费用,仅因为本期制作教程需要,跟大家分享一下。 1

安装完成以后,我们先新建一个PPT页,并在页面上画一个圆和一个小矩形条。

完成方法:

插入-形状-圆/矩形

Tips小技巧:

1.按住键盘上的“Shift”可以画出圆形,否则很可能会是椭圆。

2.选中矩形,鼠标右键-设置大小和位置,可以调整矩形长短宽窄。

7122482872a9042a1909781b93bb60af.png

2

制作刻度表,做完后可以选中圆形删除掉。圆形的主要作用是为了形成刻度盘,如果后续大家想用圆形做刻度盘背景的也可以保留。

完成方法:

1.先选中矩形条,再选中圆。

2.点击“口袋动画”标签-图形绕排-绕排图形库。

535f27fae8613e68b03e3d5b819c580e.png

选择“自定义”,在下方输入具体数据的参数,其中“复制数量”参数就是决定仪表盘上刻度点的数量,在相对顶点数量参数下输入具体想要的刻度点的数量。

Tips小技巧: 1.相对顶点数量推荐选择“8”、“12”、“16”等数字。

86705a577c6c75fd651db96690c67c4d.png

26af6b936954deb8f6eb428359b003bb.gif

3 插入指针,指针也可选择插入矩形、三角形、或者由矩形、三角形和椭圆形共同组合成的一个指针图形,并通过“口袋动画”插件进行补位。

完成方法:

1.插入方式跟之前一样。

2.选中指针图形-点击“口袋动画”标签-动画中心,根据需求选择“水平补位”、“垂直补位”,点击应用调整。

Tips小技巧:

1.水平补位和垂直补位的选择取决于指针是垂直摆放还是水平摆放,垂直摆放就选择垂直补位、水平摆放就选择水平补位。

2.如果想斜着有角度的摆放,建议:先摆正,补位以后再调角度。

补位的作用是为了让动画陀螺旋以补位以后的形状中心进行转动,可以理解为在指针后面添加了一个跟它一样长宽的透明指针,转动的时候就会以他们的连接点为圆点进行旋转。

034f9ff9dccce2bc0d219b9f33fb4979.png

4

制作陀螺旋动画,并设定旋转角度,来指向具体的数据位置。

完成方法: 1.选择“指针-点击“动画标签”-添加动画-陀螺旋。 2.打开动画窗格,在陀螺旋的动画位置点击鼠标右键,选择“效果选项,数量菜单下,选择“自定义”,在后方输入旋转角度。 Tips小技巧: 1.不可以设置带小数点的角度。 2.千万在输入旋转角度以后,点击“回车”,确保数据输入进去。

6bd493bc62522a7919b4ab378bd234c5.png

26af6b936954deb8f6eb428359b003bb.gif

美化小技巧

1.刻度表颜色搭配。

刻度表的颜色搭配可以依据我们自己的背景进行适当选择,总结起来就是深色背景选浅色表盘、指针或者刻度盘,反之亦然。 刻度盘的颜色美化可以通过“口袋动画”-随机设计-颜色,进行搭配。 点击两个带颜色的小方块,可以选择随机颜色的起点和终点。

59c3fe2508b12092e5558cb2d6b3c767.png

2.刻度表调整。 像有些小伙伴想突出大范围的数据下的刻度长度,但是用鼠标拉拽又很难确保刻度的宽窄不变,同时其他需要加长的刻度无法保持一致(完全看手感),这里我们依然可以使用“大小和位置”设置工具进行精细化的参数设置。 值得注意的是,在调整长度的时候所有刻度的长度变化方向都是向圈内的,这样可能部分想向外展现刻度的小伙伴会想用手动调整位置的方式来调整刻度向外延伸。 闫老师强烈建议不要用手,不要用手,不要用手。 我们可以采用数学逻辑方式,将刻度进行180°旋转即可,具体设置还是在“大小和位置”标签下。 把旋转角度设置为:现有的旋转角度+180°-360°(可以为负值),即可完成旋转。 2a58bb0925a1760292bf44b9905d6148.png

e3f0d350d32d40a0e755a5543242902d.png

3.动画搭配。

指针陀螺旋的动画搭配可以联合刻度盘的动画一起出现,由于每个刻度都是独立元素,所以我们要挨个设置刻度盘的动画效果(可以使用动画刷进行),比如擦除、出现等效果,并通过设置动画持续时间和延迟开始时间达到与指针一同行动的动态效果。

03d482c783a7b52d9b3d8fede3db5272.gif

THE END

本期的分享就到这里了,大家有什么问题欢迎在公众号里留言。如果本文对你有所帮助的话,希望你能把“闫老师嘚啵嘚”分享给更多小伙伴。

啾啾的闫老师也是在边学、边练、边用的过程中不停总结技巧,提炼方法,领悟心得,希望这些能对大家有所帮助。

418a21e391f04fb5c1eada9f15cd8e62.png

闫老师嘚啵嘚           

▇ 扫码关注我们

更多精彩

点击“”,获取“口袋动画”百度网盘分享链接,分享码:wugl。

点“在看”,让更多小伙伴看见。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值