打破常规的图表制作新思维!!!

上一篇给大家讲了一个专业、规范、完善的商务图表的元素应该如何布局!

可能很多小伙伴儿会有疑问,默认的输出图表样式跟最终我们想要达到的效果相差十万八千里。想要在默认图表布局上通过局部调整处理貌似达不到那种上下顺序的整齐排版样式。

确实,想通过默认Excel图表样式修改来完成基本没有可能。

但是大家别忘记了,Excel背后还有单元格呢,Excel之所以成为图表神器除了自带丰富的内置图表种类及样式之外,其灵活的单元格操作也可以作为图表的辅助元素来帮我们达到美化图表的作用。

下面就给大家看一下上一篇里讲的图表元素是怎么利用单元格来完成的。

大家可以看到,除了绘图区的图表是用内置图表修改完成的之外,其他元素(主标题、副标题、脚注)全部都是利用图表背后的单元格文本所完成的。

以上需要用到锚定单元格技术,主要技巧如下:

图表生成之后,单击图表右键,单开属性界面,选择需要的对象位置。默认是第一个(大小和位置随单元格而变),如果自己操作不够灵活,尽量选择第二项或者第三项否则图表容易变形。

❶设置完成之后,摁住ALT键不放,然后鼠标拖动图表,找一个空白位置,将图表左上角接近某一个单元格左上角,此时软件会默认将图表与单元格左上角锚定对齐。

❷再次摁住Alt键不放,将鼠标移动到图表右下角,此时光标会变成双箭头,拉动箭头,此时软件会自动的按照单元格步长缩放图表(图表左上角位置不会变),根据自己需要选定一个单元格停止拉动即可。

❸此时你会发现图表四角已经严格的锚定到一系列矩形单元格区域之中。然后你就可以随意的在图表上下区域的单元格中添加主标题、副标题、脚注等图表辅助元素(注意对齐以及字体)。

❹对了图表格式化的时候一定要取消绘图区和图表区的填充色和外框线,否则会遮挡单元格中的文本(在图表的绘图区、图表区分别右键单击设置相应属性就OK了)。

今天的分享就到这里,锚定单元格技巧在以后的图标教程中将会频繁用到,一定要学会哦!

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

原文发表时间:2016-01-05

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏腾讯IVWEB团队的专栏

为元素添加边框,你有多少种好办法?

相信大家在做项目的过程中会经常遇到这样的一个需求,鼠标 hover 到某个元素的时候为这个元素添加边框,这个简单的需求仅需注意添加边框后不会对原有的位置造成布局...

1790
来自专栏图像识别与深度学习

《Android》Lesson11-UI布局

2258
来自专栏前端说吧

CSS3-实现单选框radio的小动画

2993
来自专栏smy

事件委托与阻止冒泡

简单说下事件委托与阻止冒泡 html: <ul class="clearfix" data-type="cityPick"> <li class="...

37910
来自专栏十月梦想

jquery基础选择器

这里的基础用法和css的选取方式一致,对于css选择器熟悉的朋友这里使用简直小意思,下面几篇博文我们来详谈jq的高级选择器!

812
来自专栏marsggbo

这是对position讲解最通俗易懂的版本了。

position 为了制作更多复杂的布局,我们需要讨论下 position 属性。它有一大堆的值,名字还都特抽象,别提有多难记了。让我们先一个个的过一遍,不过你...

2616
来自专栏熊二哥

Html与CSS快速入门03-CSS基础应用

这部分是html细节知识的学习。 ? ? 边框、填充、对齐和浮动 这部分将主要介绍使用CSS控制整个Web页面的各个方面,通常来说,会使用margin(外部)...

2468
来自专栏IMWeb前端团队

H5活动宣传页通用布局技术解决方案

本文作者:IMWeb 结一 原文出处:IMWeb社区 未经同意,禁止转载 一般来说,活动宣传页都是全屏的滑动,而移动端的视窗大小确实是有点零碎化,于是...

2275
来自专栏别先生

HTML+CSS小实战案例

HTML+CSS小实战案例 登录界面的美化,综合最近所学进行练习 网页设计先布局,搭建好大框架,然后进行填充,完成页面布局 1 <html> 2 <head...

6559
来自专栏IMWeb前端团队

为元素添加边框,你有多少种好办法?

背景 相信大家在做项目的过程中会经常遇到这样的一个需求,鼠标hover到某个元素的时候为这个元素添加边框,这个简单的需求仅需注意添加边框后不会对原有的位置造成...

2207

扫码关注云+社区

领取腾讯云代金券