原文链接:https://www.toutiao.com/i6797629648881582596/

我们经常会制作折线图表来表达一个过程的趋势变化,而如果让折线图动起来,会更加的生动。接下来我们将一步步通过图解的方式完成这一方式

现在我们来进行操作:

启动PPT,新建一个空白幻灯片

插入一个折线图

出现以下界面

修改其中的数据,为了展示好看,尽量让X轴方向数据多一点

我们先进行一些美化

隐藏纵坐标轴、隐藏横坐标轴刻度线

对于均匀分布的折线图数据点来说,每个数据点的横向分布位置相对比较容易辨识,因此纵向网格线的视觉引导并非完全必须,所以折线图可以选择使用纵横网格线的背景区域,也可以隐藏纵向网格线和纵坐标轴,仅显示横向网格线来标识数据高度。

选中纵坐标轴,设置坐标轴格式,在填充线条中选择【无线条】

选中横坐标轴,设置坐标轴格式,刻度线标记类型设置为【无】

简化横轴标签

折线图由于横轴上分布的数据点相对来说会比较多,因此数据标签的分布密度相对比较高,也由此要求标签的内容尽可能简单,可以通过修改数据标签的数值格式来进行简化(如果是文字标签建议直接更改源数据),也可以考虑通过放大坐标间隔单位来减少标签的显示数量

选中横坐标轴,设置坐标轴格式,更改数字格式类型,例如将日期改为m/d的格式。

我们这里不做处理

其他元素设置

网格线背景在图表中是配角,在不影响数值定位的情况下可以尽量淡化横向网格线,此外图表区域和绘图区域的背景填充色也都可以设置为无色透明,减少对前景的显示影响

选中网格线,设置形状轮廓颜色为浅灰色。分别选中绘图区域和图表区域,填充色都设置为【无颜色】

字体优化

设置字体,本例中选择英文字体为Candara,中文字体为微软雅黑。

优化形状

突出折线图中的数据点显示,同时与数据连线和谐搭配。常见的方式是选择使用圆形的数据标记,放大形状,设置一定反差的填充和边框色。

选中数据系列,设置数据系列格式,在数据标记选项中选择内置的圆形形状,调整大小,例如设置为11

设置数据标记的填充色和边框线

可以考虑将数据标记的填充色设置为白色,而设置边框线颜色与数据点连线保持一致,并且加大边框线宽度,与数据点连线保持一致

选中数据系列,设置数据系列格式,设置数据标记的填充色,设置数据标记的边框线颜色和线型宽度。

暂不做处理

添加擦除动画

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

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

最后适当调整时间速度即可

PowerPoint2010实现折线图动态展示的更多相关文章

  1. Echarts动态加载柱状图和折线图混合展示的实例

    一.引入echarts文件: <script type="text/javascript" src="echarts.js"></script ...

  2. ECharts使用—折线图动态加载

    最近需求中用到折线图,单线条,多线交错,之前是散点图,用的是另一个 amcharts.js,这个文档也能找的到,回归早本次重点:ECharts 一.首先引入echarts.common.min.js文 ...

  3. echarts折线图动态改变数据时的一个bug

    echarts折线图中当增加dataZoom,修改start大于0的时候,会出现折线混乱,变成竖直的线,绘制有问题. 解决方法,在dataZoom中增加filterMode: 'empty' http ...

  4. JavaScript动画实例:递归分形图动态展示

    在“JavaScript图形实例:SierPinski三角形” 和“JavaScript图形实例:Levy曲线及其变形”等文章中我们介绍了通过递归生成分形图形的方法.我们可以将绘制的分形图形每隔一定的 ...

  5. echarts 折线图动态x轴及数据

    <!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" ...

  6. ECharts动态获取后台传过来的json数据进行多个折线图的显示,折线的数据由后台传过来

    ECharts 多个折线图动态获取json数据 效果图如下: 一.html部分 <p id="TwoLineChart" style="width:100%; he ...

  7. react-echarts之折线图的显示

    react中想要实现折线图和饼图的功能,需要引入react-echarts包,然后再实现折线图的功能.我这里引用的版本是:0.1.1.其他的写法参echarts官网即可.下面详细讲解的是我在react ...

  8. Echarts line折线图使用(vue)

    实现 首先引入echarts工具 // vue文件中引入echarts工具 let echarts = require('echarts/lib/echarts') require('echarts/ ...

  9. matplotlib的使用--折线图--入门

    目录 matplotlib应用介绍 一天天气变化图 两小时随机温度图 中文显示问题 个人交往统计图 多人交往统计图 总结 介绍: 举个例子(一天天气变化图): 假设一天中每隔两个小时(range(2, ...

随机推荐

  1. Redis持久化 aof和rdb的原理配置

    目录 一.介绍 二.RDB持久化(全量写入) rdb原理 rdb模式 rdb触发情况 rdb优势和劣势 rdb文件配置 rdb命令配置 rdb数据恢复 三.AOF持久化(增量写入) aof原理 aof ...

  2. Nginx区分PC和手机

    目录 一.简介 二.配置 nginx识别手机端跳转到wap pc端跳转移动端 一.简介 有时候需要当手机访问PC站页面时自动跳转到对应的手机站页面. 二.配置 nginx识别手机端跳转到wap 即手机 ...

  3. 配置文件管理维护到gitlab上

    一.简介 在日常维护服务器中,会修改配置文件或者相应脚本,在修改前要对文件进行按照日期备份,这样会很麻烦,频繁修改的时候也会懒得去备份多个. 维护脚本分为服务端和客户端,服务端监听端口,接收客户端的采 ...

  4. SQLserver 2014自定义备份数据库

    一.管理-维护计划-维护计划向导-下一步 二.点击更改设置任务执行时间-确定-下一步 三.选择备份数据库完整-下一步 四.选择需要备份的数据库-然后确定 五.点目标自定义备份文件存储目录-下一步 六. ...

  5. 使用 Nocalhost 开发 Kubernetes 中的 APISIX Ingress Controller

    本文作者:黄鑫鑫 - Nocalhost 项目核心开发者 腾讯云 CODING DevOps 研发工程师.硕士毕业于中山大学数据科学与计算机学院,曾负责过平安云主机及国家超算中心容器云平台等相关业务, ...

  6. Tornadofx学习笔记(4)——IconTextFx开源库,整合5000+个字体图标

    JavaFx中其实也可以直接使用字体图标iconfont的,只需要加载ttf字体文件,之后设置unicode即可,具体可以看我给出的代码 既然JavaFx可以,那么以JavaFx为基础的Tornado ...

  7. Nginx加载新的模块,编译报错记录

    参考:https://www.cnblogs.com/Leechg/p/9969000.html ---------如下我的操作记录--------------- nginx -V查看当前nginx信 ...

  8. JAVA日期Date格式转corn表达式

    date转corn 定时任务获取corn /*** * 日期转corn表达式 * @param date 日期 * @return */ public static String getCron(Da ...

  9. Linux(centos) 设置MySQL数据库不区分大小写

    1.修改配置文件 vim /etc/my.cnf 在[mysqld]节点下,加入一行: lower_case_table_names=1 2.重启数据库服务 service mysqld restar ...

  10. 【LeetCode】766. Toeplitz Matrix 解题报告

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 方法一:两两比较 方法二:切片相等 方法三:判断每条 ...