图表中包含负值的双色填充技巧

今天教大家怎么在Excel里制作带负值的双色填充图表

正负值双色填充

通常如果数据中带负值

默认的图表输出虽然能够显示负值

但是负值颜色与正值并没有任何区别

视觉效果大打折扣

今天来教大家怎么处理正负值双色填充的问题

1

互补色填充法吧

激活图表选中数据条

单击右键进入设置数据系列格式菜单

选择第一项:填充

勾选以互补色代表负值选框

此时可以看到下面有两个可以更改的颜色

第一个是图表的默认颜色

第二个是白色(也就是默认的负值互补色)

图表中现在负值已经变成了白色

我们肯定不希望用白色代表负值颜色

万一背景颜色也是白的话负值直接就消失了

所以要为负值的互补色自定义一种反差比较大的颜色

这里就用红色了

现在图表的正负值分别用不同的颜色标识是不是醒目多了

条形图的话方法同样如此

更改勾选互补色之后为负值自定义一种填充色

2

原数据正负值分列

当然想要达到这种效果肯定不止一种方法

下面小魔方要释放压箱底的技能

不用设置互补色只靠从新组织原数据就可以搞定

这是从新组织后的作图数据

然后利用新数据创建堆积柱形图(堆积条形图)

看吧新图表自动把正负值分别填充了不同的颜色

不知道大家看明白了没

其实理念很简单

就是把图表中正值和负值分为两个序列

空白单元格无数值默认为0

这样做成堆积柱形图或者堆积条形图之后

软件就可以自动为两个序列分别填充不同颜色

因为0值无法显示(每一个数据条本来应该包含两段不同的颜色)

所以看起来好像正负值分别填充了不同的颜色

这种方法的理念在制作图表中将会经常用到

如果有兴趣可以自己操作一下哦

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

原文发表时间:2016-02-03

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端知识分享

第131天:移动web页面的排版与布局

html{  font-size:1mm;  }  .titleheight{  height:10rem; //这里等于10mm  width:11rem; ...

2631
来自专栏我就是马云飞

一个精致的打钩小动画

前言 最近在看轻芒杂志的时候,看到一个动画很带感很精致; 恰好这段时间也在看【HenCoder】的自定义view教程(里面写得非常非常详细,也有相应的习题等等)...

2175
来自专栏GreenLeaves

CSS-DOM介绍

三位一体的网页: 我们在浏览器里看到的网页其实是由以下三层信息构成的一个共同体: 1、结构层: 结构层是由HTML和XHTML之类的标记语言所构成的。所就是哪些...

1898
来自专栏GIS讲堂

地图切片详解

地图切片很多做GIS的筒子都不陌生,但是其中的原理一直是马马虎虎,在此,就地图切片中的几个重要的概念做一个介绍,一则自己做个总结,二则希望能够帮助到有此困惑的战...

4092
来自专栏Material Design组件

Material Design — 按钮( Buttons)

40716
来自专栏程序员的知识天地

利用HTML5,无JS实现各种交互效果

<details> 标签在Chrome,Firefox等浏览器下默认是有展开收起行为的,例如下面HTML:

7202
来自专栏IMWeb前端团队

animation动画实践

由于业务关系,有幸参与腾讯课堂app下载页面制作,原则上ie8、9可表现为静态版本,而高级浏览则为动画版本。在这把一些重要思想和中间遇到的一些问题记录下,以供知...

2310
来自专栏前端知识分享

第101天:CSS3中transform-style和perspective

1、transform-style属性是3D空间一个重要属性,指定嵌套元素如何在3D空间中呈现。

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

响应式设计(Response Web Design)实践

前一篇响应式设计(Response Web Design)浅谈提到了响应式设计的由来和应用场景。本文聊一聊如何实现。 如何让自己的网站也响应式Web设计,可以响...

2657
来自专栏带你撸出一手好代码

px转vw和vh的工具(对前端同学有用)

CSS3中有两个新尺寸单位vw和vh, 这两个单位非常适合于开发移动端自适应页面。 假如说有一个设计师做了一张1136x750px的页面,这长页面是针对iPho...

5048

扫码关注云+社区

领取腾讯云代金券