仪表盘图表

很抱歉最近几天骨折忙考试,连着四天都没有自己写教程了,不过为了不辜负大家对小魔方的期待,我也是精挑细选从哪些活跃的PPT达人那里转载了几篇关于PPT图文排版的帖子。

个人觉得还是很值得大家去模仿学习的,都是很实用、高大上的排版风格。

今天继续恢复之前的节凑,要跟大家分享的是一个仪表板图表的制作教程。

我记得关于仪表盘的推送,有过好几篇,不过今天这一篇,确实是最实用且规范的做法,不过技巧性还是很强。

下面正式开始本教程。

首先大家可以看下最终仪表板所呈现的效果图。

虽然图表看起来并不很复杂,但是其中涉及到的技巧还是挺磨人的。

大家看下该图表的用到的数据源:

一共用到了四列数据,还是有点复杂的,其中第一列的刻度标签是用来显示仪表盘内侧刻度值标签的,内圈数据是用来定位内圈刻度标签值位置的模拟饼图,预警色带是用来模拟红绿相间的预警范围的,外圈刻度是用来模拟外圈分段刻度范围的,现在描述起来可能看的不是很清晰,没关系,下面一步一步做起来,大家就可以理解了。

首先利用后三列数据插入圆环图。

打开设置格式菜单,将扇区大小缩放为75%,第一扇区从225度开始。

接下来将外圈扇区填充浅灰色,轮廓线填充白色;

同时选中内圈扇区,为其添加数据标签(第一列数据值)【可以通过excel的添加单元格标签功能,也可以通过之前曾经介绍过的XYchart labels】。同时将其填充色和轮廓色都设置为透明。

将中间那一层的扇区(270度那一块儿)使用渐变填充(红绿渐变)。其他几块儿填充透明无色。

到这里位置,所有的辅助工作全部完成。接下来,才是我们要展示的指标数据。

将你的业务数据使用函数提取出最大值:(列出最大值、目标值)。

使用指标数据除以目标数据计算出完成度指标,同时将完成度乘以270换算成以0~270衡量的范围数据。

大家可以看到上图中,第一个作图数据是通过计算:70/100*270得到的值,第二个是用以模拟指针的辅助值,第三个等于360-H6(189)。

H6:H9三个单元格数据制作饼图。(这个饼图是通过在原有图表中通过增加数据系列,并更改图表类型为饼图来实现的)。

同时将新添加并更改的饼图序列扇区第一扇区设置为从225度开始。并将指针扇区(0扇区)填充色、轮廓色设置为红色,其他两个扇区填充色和轮廓色设置为透明无色。

至此,该仪表盘的主体工作已经大功告成,现在需要完善该仪表盘盘面的信息,通过将指标名称以及目标值以链接的方式添加到仪表盘上。(可以通过文本框链接或者在作图数据区域使用照相机功能完成)。

这样随着原数据区域内数据的更新,作图数据中的公式随时都会更新当前指标,那么该图表也可以实现指标的实时更新,机会达到了动态图表的高级效果。

相关阅读:

绩效管理工具(一)——仪表盘风格图表!

半圆型动态仪表盘风格图表

原文发布于微信公众号 - 数据小魔方(datamofang)

原文发表时间:2016-07-07

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏向治洪

移动客户端WebP 图片格式优化

前言 在移动端,图片一直是流量大头,一些商品列表和详情等页面,图片大小动不动就以几百K,当然在某些比较大的公司会根据具体情况去加载相应尺寸的图片,这就意味着服务...

33170
来自专栏腾讯NEXT学位

简单三步做出微信h5表情包

25940
来自专栏web前端教室

面试时对方问你,“xxx需求你是怎么做的”?你可以这样回答

如何去分析一个需求?这两天在给零基础课的同学们讲课的时候,正好讲到了,产品详情页的图片展示这里,ui是这样的, ? 跟京东那个的ui交互操作是一样的,我跟他们讲...

20750
来自专栏数据小魔方

不等款柱形图(时间刻度实现)

今天要分享的图表仍然是昨天的不等款柱形图! ▽▼▽ 虽然最终制作出来的最终图表效果是相同的,但是制作理念和数据组织方式却截然不同,非常值得尝试! ●●●●● 数...

36860
来自专栏华章科技

Excel技巧篇:嘿!别说你会复制粘贴

有时,我们用函数公式计算出了某个结果,把结果复制到表格其它地方后,却发现数据变成错误值了。。。把公式结果粘贴成数值,立马搞定这个问题。

15430
来自专栏Golang语言社区

有限状态机FSM的原理与GO的实现

有限状态机(Finite-state machine, 简写FSM)又可以称作有限状态自动机。它必须是可以附着在某种事物上的,且该事物的状态是有限的,通过某些触...

66470
来自专栏葡萄城控件技术团队

ActiveReports 报表应用教程 (7)---交叉报表及数据透视图实现方案

在葡萄城ActiveReports报表中可以通过矩阵控件非常方便的实现交叉报表,同时还可以设置数据的分组、排序、过滤、小计、合计等操作,可以满足您报表的智能数据...

20950
来自专栏大数据文摘

手把手|在Python中用Bokeh实现交互式数据可视化

3.8K50
来自专栏瓜大三哥

实现(Implement)

1.翻译过程 在翻译过程中,设计文件和约束文件将被合并生成NGD(原始类型数据库)输出文件和BLD文件。 1) Translation Report:用以显示翻...

22950
来自专栏程序你好

JavaScript图表的数据可视化:比较D3和Kendo UI

D3和Kendo UI只是在web应用程序中创建图表的两种方式,选项范围从简单地在屏幕上绘制图形到使用复杂的图表组件。D3和Kendo UI都很受欢迎,两者都能...

10530

扫码关注云+社区

领取腾讯云代金券