think-cell chart系列2——堆积百分比柱形图!

今天要跟大家分享的是think-cell chart系列的第二篇——堆积百分比柱形图!

我们还是先欣赏一下使用think-cell chart制作的堆积百分比柱形图呈现的效果如何!

该图表整体制作过程很简单,主要是前期的数据组织换届有些小技巧,后期的细节方面需要注意一下就OK了。

我们还是先在ppt中插入一个demo看下软件的模板数据是怎么组织的。

看到demo的数据是不是有点奇怪,跟昨天的堆积柱形图比起来唯一的不同点就是第二列的空行被占用了,但是数字与下面几列的数据看起来没啥关系,而且数量级也差很多,到底几个意思呢!

这里跟大家解释一下,第二行的数字是每一年份三个序列的指标和(即2011、2012、2013年的三个序列指标和分别为23、45、30),该总量指标在图表创建之后会自动识别并可以添加到图表上的指定汇总指标位置。

好吧,那我们再看一下今天的案例数据源该如何整理成软件可以识别的堆积百分比柱形图数据源呢?

当然首先我们需要计算出每一个月份三种产品的汇总数据,然后将细分产品数据转为百分比。(用函数算哦不然得累死)

使用换算后的数据选中,在think-cell chart中插入堆积百分比柱形图,切换到ppt中释放鼠标。

堆积百分比柱形图基本就算是做出来啦,不过还需要继续修饰哦,太丑就不好了!

调整数据条间距(鼠标定位到横轴两个数据条之间,出现滑动块,用力向内拖动)。

默认的宋体字看起来特别别扭,所以最好更改一下(汉字改成微雅的,数字的话改成Arial)。

若果你觉得配色不太习惯,可以选中整个图表,在菜单中打开自定义配色栏目,选择比较中意的内置配色。

数据条的黑色轮郭线显得有些插眼,没关系,选中单独的一个数据条,在弹出的菜单中第三个矩形轮廓线,将其填充为background1,这样数据条的轮廓线就成白色的了(遗憾的是,该软件没有提供批量设置数据条框线颜色的菜单,也就是说只能选中每一个矩形一个一个填充修改,所以我是真的修改了3*12次啊我天~)。

给图表添加标签(选中整个图表,选择add legend)。

继续修改下其他的细节,配上文字说明就OK了。

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

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Windows Community

UWP 手绘视频创作工具技术分享系列

开篇先来说一下写这篇文章的初衷。     初到来画,通读了来画 UWP App 的代码,发现里面确实有很多比较高深的技术点,同时也是有很多问题的,扩展性,耦合,...

35411
来自专栏数据小魔方

Xcelsius(水晶仪表)系列5——统计图综合运用

今天继续跟大家分享水晶仪表系列的第5篇——统计图的综合运用。 本例是一个通过展现某银行前八年的存款储蓄以及贷款数据,通过预计后两年的存款储蓄增长率、贷款增长率等...

35511
来自专栏理论坞

【教程】C4D样条字设计终极版 | 附源文件工程

在站酷关于C4D的样条约束文字设计教程自己注到的共有三篇, 设计文章写的都非常细致,效果也都是各有长的,有很多学习点 然后最近本人也在国外设计B站看到了几位国外...

922
来自专栏ytkah

给微信图文消息添加修饰方框更简洁大方

  我们在编辑微信公众号的时候,如果篇幅比较长,或者要点比较多,可以用方框分几个小版块,用户浏览更明了,排版美观许多,也不会给人一种长篇大论的感觉,一眼瞄过去就...

3254
来自专栏前端架构与工程

《微信小程序七日谈》- 第二天:你可能要抛弃原来的响应式开发思维

《微信小程序七日谈》系列文章: 本系列的文章并非初学教程,而是笔者在具体开发过程中遇到的问题以及部分解决方案。 上篇文章第一天:人生若只如初见简单记录了笔者初...

2418
来自专栏练小习的专栏

常用的命名

命名参考 常用的CSS命名规则: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:co...

2145
来自专栏无原型不设计

成为优秀UI设计师,必须了解的UI设计规范

今天带来的这些规范,可是成为优秀UI设计师必须知道的“纯干货”,还能让大家深刻了解UI设计规范(https://ds.mockplus.cn)的本质是什么。

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

前端开发者常用的9个JavaScript图表库

2033
来自专栏互联网杂技

全面屏下的新交互方式

全面屏时代,交互方式会有哪些变化? ? 什么是全面屏? 2017年可以称为全面屏集中爆发的一年,小米,OPPO,VIVO,华为,三星,苹果等等都在今年发...

3526
来自专栏HT

HT全矢量化的图形组件设计

HT一直被客户称道的就是其全矢量化的设计特色,矢量相比传统图片好处太多了: 矢量可无级缩放,界面不失真不模糊 描述矢量的文本内容远比图片小得多 目...

2479

扫码关注云+社区

领取腾讯云代金券