think-cell chart系列3——瀑布图(上)

今天要跟大家分享的是think-cell chart系列的第三篇——瀑布图(上)

还是以一个案例图表开始我们今天的分享。

所用到的案例数据如下:

而该图表规定的数据结构又如何呢……

还是用老办法,首先在ppt中插入一个think-cell chart的demo 看下软件给定的案例数据源是如何组织的。

内置的瀑布图一共有两种:上升瀑布图和下降瀑布图。

两个图表的异同以及数据组织的差异很明显:上升瀑布图汇总值在左侧,下降瀑布图汇总值在右侧。

那么根据以上内置数据组织规则和图表的需要,我们需要对原始数据进行修改。

其中的total列中只有一个值(e),第二行空白,仔细看上面的的demo案例数据结构也是如此,这是该插件制作的瀑布图的时候规定好的数据规则。

然后在excel中选中全部数据——插入——瀑布图。

大家可以看到,从excel中插入到ppt的瀑布图默认是向上汇总的,我们需要进一步的修改。

由于在excel的think-cell chart的菜单中插入瀑布图的时候,菜单只给提供了一个瀑布图的按钮(不再像ppt菜单中那样分为向上、向下瀑布图),不过没关系,通过图表的编辑功能仍然能够达到我们想要的效果。

使用鼠标定位到前两个数据序列(互联网增值收入、移动及电信增值收入)中间的虚线连接符,当出现两端带圆柄的线条时,使用鼠标拖动右侧圆柄到第二个数据(移动及电信增值收入)序列顶端。

同理,将鼠标定位到二、三个数据序列之间的虚线上,当出现两端带圆柄的线条时,将左侧圆柄拖动到第二个数据序列低端。

按照同样的方法,分别将鼠标定位到第四、五个数据序列之间、以及五、六数据序列之间,拖动带圆柄的线条。

(将四五之间的线条右侧圆柄拖拽至第四个数据序列顶端、将五六数据序列之间的小条左侧圆柄拖拽至第四个数据序列底部。)

现在瀑布图其实已经大体上完成了,剩余的工作就是做一些小修小补的美化和补充工作。

更改一下整体的配色、字体、删除掉框线。

如果你还想知道不同类型指标之间的差异,那么可以通过编辑功能添加指标差异。

最后添加文字说明就大功告成了。

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

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏腾讯大讲堂的专栏

如何快速提升设计感

导语 | 好的设计原则是能被所有人掌握并运用的。本文列出了一些目前应用广泛又比较基础的设计实战窍门,掌握它们之后或许你能让你的设计朋友刮目相看呢! 如果你不相...

3706
来自专栏极乐技术社区

『教程』微信小程序canvas辑合(教程+Demo+跳坑)

社区里有一群canvas爱好者,比jsh5css,安静的小智,jeffer等同学他们在canvas方面都有着自己的学习心得和见解。 但是极乐叔发现在小程序开发学...

1.2K9
来自专栏智能算法

Github 上 10 个最流行的数据可视化项目

1. D3 Stars: 46561, Forks: 12465 D3 是一个JavaScript数据可视化库用于HTML和SVG。它旨在将数据带入生活,强调W...

5766
来自专栏数据小魔方

图表不仅要看外表,而且要看气质

今天要跟大家聊聊另一款创意图表的新玩儿法——创意百分比图表 ▽ 在这个看脸的社会里 评价一个人不仅要看气质 而且还要看外表 人类尚且如此 图表也应如此 今天的...

2885
来自专栏菩提树下的杨过

Flash/Flex学习笔记(11):如何检测摄像头是否被占用

原理:摄像头激活后,持续检测与之关联的Video对象是否在播放(即每秒帧数) btnCheck.addEventListener(MouseEvent.CLIC...

2176
来自专栏钱塘大数据

【干货】数据可视化分析工具大集合

Excel Excel作为一个入门级工具,是快速分析数据的理想工具,也能创建供内部使用的数据图,但是Excel在颜色、线条和样式上课选择的范围有限,这也意味着...

3195
来自专栏互联网杂技

2017年前端开发工具趋势

你有两年以上的前端开发经验吗?你会用 Sass 和 Autoprefixer 等高级的CSS辅助技能吗?你的 JavaScript 知识是否融汇贯通,你是否喜欢...

3307
来自专栏玉树芝兰

Markdown懒办法排版微信公众号文章

写微信公众号的人群里面,不乏十分勤奋者。看看他们使用的排版工具,便知道为了排版一篇文章,他们要耗费多少辛劳了。

1802
来自专栏IT大咖说

直接上源码教你做经典HTML5小游戏

HTML5因其跨平台性的特质已逐渐成为网络游戏开发的热门新技术。过去,flash多媒体应用可以用来构建线上游戏,也是小游戏的主流形态,但是随着HTML5的到来,...

8072
来自专栏服务端技术杂谈

双管齐下:同时设计 iOS 和 Anroid

不管你是在家,在公司,还是在设计师工作室工作,互联网企业都会找你去给他们设计 App。为了满足所有顾客的需要,这些企业通常需要同时开发运行在 Android 和...

3555

扫码关注云+社区

领取腾讯云代金券