PowerPoint2010实现折线图动态展示
原文链接:https://www.toutiao.com/i6797629648881582596/
我们经常会制作折线图表来表达一个过程的趋势变化,而如果让折线图动起来,会更加的生动。接下来我们将一步步通过图解的方式完成这一方式
现在我们来进行操作:
启动PPT,新建一个空白幻灯片

插入一个折线图

出现以下界面

修改其中的数据,为了展示好看,尽量让X轴方向数据多一点
我们先进行一些美化
隐藏纵坐标轴、隐藏横坐标轴刻度线
对于均匀分布的折线图数据点来说,每个数据点的横向分布位置相对比较容易辨识,因此纵向网格线的视觉引导并非完全必须,所以折线图可以选择使用纵横网格线的背景区域,也可以隐藏纵向网格线和纵坐标轴,仅显示横向网格线来标识数据高度。
选中纵坐标轴,设置坐标轴格式,在填充线条中选择【无线条】
选中横坐标轴,设置坐标轴格式,刻度线标记类型设置为【无】



简化横轴标签
折线图由于横轴上分布的数据点相对来说会比较多,因此数据标签的分布密度相对比较高,也由此要求标签的内容尽可能简单,可以通过修改数据标签的数值格式来进行简化(如果是文字标签建议直接更改源数据),也可以考虑通过放大坐标间隔单位来减少标签的显示数量
选中横坐标轴,设置坐标轴格式,更改数字格式类型,例如将日期改为m/d的格式。
我们这里不做处理
其他元素设置
网格线背景在图表中是配角,在不影响数值定位的情况下可以尽量淡化横向网格线,此外图表区域和绘图区域的背景填充色也都可以设置为无色透明,减少对前景的显示影响
选中网格线,设置形状轮廓颜色为浅灰色。分别选中绘图区域和图表区域,填充色都设置为【无颜色】

字体优化
设置字体,本例中选择英文字体为Candara,中文字体为微软雅黑。
优化形状
突出折线图中的数据点显示,同时与数据连线和谐搭配。常见的方式是选择使用圆形的数据标记,放大形状,设置一定反差的填充和边框色。
选中数据系列,设置数据系列格式,在数据标记选项中选择内置的圆形形状,调整大小,例如设置为11

设置数据标记的填充色和边框线
可以考虑将数据标记的填充色设置为白色,而设置边框线颜色与数据点连线保持一致,并且加大边框线宽度,与数据点连线保持一致
选中数据系列,设置数据系列格式,设置数据标记的填充色,设置数据标记的边框线颜色和线型宽度。
暂不做处理
添加擦除动画

再右键单击动画,在【效果选项】里对【图表动画】进行设置,选择【按分类】(一段一段出现,【按系列】是整条线出现)

调节方向,将背景设置为【自底部】,分类1到12设置为【自左侧】(选择分类1,按住【Shift】,选择分类12,即可全选),另外需要将播放调整为【从上一项之后开始】



最后适当调整时间速度即可
PowerPoint2010实现折线图动态展示的更多相关文章
- Echarts动态加载柱状图和折线图混合展示的实例
一.引入echarts文件: <script type="text/javascript" src="echarts.js"></script ...
- ECharts使用—折线图动态加载
最近需求中用到折线图,单线条,多线交错,之前是散点图,用的是另一个 amcharts.js,这个文档也能找的到,回归早本次重点:ECharts 一.首先引入echarts.common.min.js文 ...
- echarts折线图动态改变数据时的一个bug
echarts折线图中当增加dataZoom,修改start大于0的时候,会出现折线混乱,变成竖直的线,绘制有问题. 解决方法,在dataZoom中增加filterMode: 'empty' http ...
- JavaScript动画实例:递归分形图动态展示
在“JavaScript图形实例:SierPinski三角形” 和“JavaScript图形实例:Levy曲线及其变形”等文章中我们介绍了通过递归生成分形图形的方法.我们可以将绘制的分形图形每隔一定的 ...
- echarts 折线图动态x轴及数据
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" ...
- ECharts动态获取后台传过来的json数据进行多个折线图的显示,折线的数据由后台传过来
ECharts 多个折线图动态获取json数据 效果图如下: 一.html部分 <p id="TwoLineChart" style="width:100%; he ...
- react-echarts之折线图的显示
react中想要实现折线图和饼图的功能,需要引入react-echarts包,然后再实现折线图的功能.我这里引用的版本是:0.1.1.其他的写法参echarts官网即可.下面详细讲解的是我在react ...
- Echarts line折线图使用(vue)
实现 首先引入echarts工具 // vue文件中引入echarts工具 let echarts = require('echarts/lib/echarts') require('echarts/ ...
- matplotlib的使用--折线图--入门
目录 matplotlib应用介绍 一天天气变化图 两小时随机温度图 中文显示问题 个人交往统计图 多人交往统计图 总结 介绍: 举个例子(一天天气变化图): 假设一天中每隔两个小时(range(2, ...
随机推荐
- 捷码:重塑DevOps,打造更流畅紧密的开发与服务交付业务链
捷码Gemcoder 1周前如果有机会安排一场行业吐槽大会,熟悉软件开发.交付.服务业务各环节的业内人士,对开发中的各种扯皮.交付反反复复.运维服务中的提心吊胆,往往会有很多深刻的体验和刻骨铭心的案例 ...
- java 注解的几大作用及使用方法详解
初学者可以这样理解注解:想像代码具有生命,注解就是对于代码中某些鲜活个体的贴上去的一张标签.简化来讲,注解如同一张标签. 在未开始学习任何注解具体语法而言,你可以把注解看成一张标签.这有助于你快速地理 ...
- Docker通过阿里云镜像仓库使用Gitlab_CI部署SpringBoot项目
Docker.Gitlab.阿里云镜像仓库.SpringBoot的相关安装.搭建这里就不讲了. Linux 安装 Docker :https://www.cnblogs.com/linnuo/p/15 ...
- [BUUCTF]PWN——[V&N2020 公开赛]babybabypwn
[V&N2020 公开赛]babybabypwn 附件 步骤: 例行检查,64位程序,保护全开 本地试运行一下,看看程序的大概情况 64位ida载入,看一下main函数 sub_1202()函 ...
- CSS的三大特性(继承、层叠和优先级)
CSS的三大特性(继承.层叠和优先级) 1.css属性的继承 CSS中有些属性是可继承的,何为属性的继承? 一个元素如果没有设置某些属性的值,就会跟随(继承)父元素的属性值.当然,一个元素如果有设置自 ...
- Arduino对智能机器人进行简单编程
Arduino对智能机器人进行简单编程 #include "ESP8266.h" #define TRIG_PIN 5 #define ECHO_PIN A5 #define BE ...
- CF1070K Video Posts 题解
Content 有 \(n\) 个数 \(a_1,a_2,a_3,...,a_n\),要求分成 \(k\) 段,每一段的数的总和相等.输出这些段的长度,或者不可能满足要求. 数据范围:\(1\leqs ...
- CF1092B Teams Forming 题解
Content 有 \(n\) 个学生,每个学生有一个能力值 \(a_i\).现在想把学生两两分成一组,但是不能让每个组里面的学生能力值不相同,因此可以通过刷题来提升自己的能力值,每次解出一道题,能力 ...
- 【PS算法理论探讨二】 Photoshop中图层样式之 投影样式 算法原理初探讨。
接下来几篇文章我们将稍微简单的探索下PS中多种图层混合模式的算法内部原理,因为毕竟没有这方面的官方资料,所以很多方面也只是本人自己的探索和实践,有可能和实际的情况有着较大的差异. 在PS的实践中,图层 ...
- JAVA连接MySQ报错:Caused by: javax.net.ssl.SSLException: Received fatal alert: protocol_version
Caused by: javax.net.ssl.SSLException: Received fatal alert: protocol_version at sun.security.ssl.Al ...