折线图中图表如何添加折线新系列?

作者:夏雪来源:部落窝教育发布时间: 11:37:12点击:19413

版权说明: 原创作品,禁止转载。

小编有话说:说起图表,大家头里浮现的图像应该就是excel里自带的那些样式吧,不好看先不说,这些自带的模板也不能很直观的展示数据,这样的图表交给领导显然是不合适的。今天小编给大家推送一篇Excel堆积柱形图图表教程,教你做出不一样的对比柱状图图表,在做工作汇报时惊艳四座。

EXCEL图表大家都知道,类型有很多,柱形图,条形图,折线图和饼图等等。工作中大家做的图表都千篇一律,那如何利用最简单的数据做出一份高大上的图表呢?今天给大家分享一个Excel堆积柱形图对比案例。

如下图,这是一份公司业务员销售额数据,列出了各业务员的销售额和需要完成的指标。

下图是我们今天要学习制作的图表最终效果。该图表配上箭头清晰的列出了每个业务员是否完成指标的情况,以及和指标的差距。向下的箭头表示低于指标,向上的箭头表示高于指标,这个对比柱状图怎么做的?赶紧学习起来吧!

怎么用Excel做柱状图?首先根据源数据我们要做几个辅助列。这里根据图表系列的颜色来分别跟大家讲解一下各系列的辅助列是如何做的。

深蓝色=IF(B4>=C4,C4,B4)  表示如果销售额大于等于指标,返回指标否则返回销售额。

那箭头我们怎么做呢?可以设置成折线图的数据标签,减10则是数据标签的位置。

红色箭头=IF(B4表示如果销售额小于指标,返回销售额减10否则返回空。,b4-10,na())

青色箭头=IF(B4>=C4,C4-10,NA()) 表示如果销售额大于等于指标,返回销售额减10否则返回空。

然后就可以根据辅助列插入图表了。按住Ctrl键,分别选中A3A9D3H9单元格,点击插入选项卡下,插入柱形图-堆积柱形图。

那现在需要修改红色箭头和青色箭头两个系列的图表类型为“带数据标记的折线图”。

当点击图表的时候,上方选项卡就会出现图表工具,点击图表工具下方设计选项卡里的“更改图表类型”。

在“更改图表类型”窗口下组合里进行修改。

4.1 折线图修改无线条

将图表里的折线图有连接线的修改成无线条。

选中有连接线的数据标签,按CTRL+1或者双击,在右侧会弹出“设置数据系列格式”窗口。选择系列选项下的线条无线条。

4.2 数据系列填充颜色

现在把这个数据系列修改成自己想要的颜色。双击数据系列,在右侧“设置数据系列格式”窗口选择系列选项下的填充纯色填充,颜色选择为对应的颜色。

接下来就是把数据标记修改成箭头。点击插入选项卡下,形状—-箭头:下。

双击箭头,在右侧“设置形状格式”窗口,修改箭头颜色和红色系列颜色相同,线条为“无线条”。

点击箭头复制,再点击红色系列的数据标签粘贴。同理,青色箭头可以点击红色箭头复制一个,旋转180度,修改颜色无线条,再在青色系列的数据标签进行复制粘贴。完成如下:

然后点击红色系列和青色系列,分别点击图表右上方的加号,添加数据标签居中。

最后做其他修饰,点击下方的图例,按Delete删除。

双击图表区,在右侧“设置图表区格式”设置颜色,纯色填充。

修改图表标题。最后完成效果如下。

怎么样,大家学会了吗?赶紧下载课件,自己操练起来哟!

本文配套的练习课件请加入QQ群:下载。

如果您因工作所需使用到Excel,不妨关注部落窝教育的视频课或直播课系统学习。

如果您想要随时随地学习excel,扫下方二维码,可关注公众号,每日为您推送优质excel教程:

简单的话在ELEXE中试试

如何用Excel表格绘制二维折线图

如果出现下图这样的数据,想把它用二维折线表格的形式,描绘出来。

首先,在菜单栏中找到插入选项,然后点击折线图,选择所有图表类型。

然后出现这样一个框框,选择你想要的一个图表的类型,以图中选中的类型为例,点击确定。

完成后,出现这样一个画面。在空白区域点击右键,选中里面的选择数据。

出现这样的画面,然后选中框框里面的数据作为图表数据。

注:选择数据的时候,先把框框原来的数据清理掉,只留下等于号。然后直接点住左键不放,把数据全部框选进去即可。

然后根据,显示出来的折线图,对图例项(系列)和水平(分类)轴标签进行改名。

改完之后,便成功绘制了一幅折线图,下面是效果图。

注:改水平(分类)轴标签的时候,需要跟选择数据一样,框选住姓名栏下的所有名字。

如何用excel做折线图添加系列

1.在Excel折中,再添加数量2作为新的系列:

2.选择折现,点击右键,选择:

3.在图例项中选择添加:

4.分别选择名称和系列值,如图所示,点击确定:

5.这样,就在折线图中添加了一个新的系列:

excel表格中怎么根据表格里的数据做趋势图效果如图

上面输入后,下面的图表就自动更新。excel是这么设计的。有什么问题吗?

难道是不希望自动导入?

好了,介绍了关于echarts下钻(drilldown)的一些信息,通过上一篇文章我们知道echarts折线图,柱状图没有支持下钻(drilldown)功能的api,那就需要我们自己动手,丰衣足食了。
这一篇我开始进行实质性的代码演示。你可以按照我的步骤一步一步来做,有什么疑问可以留言我。

欢迎大家访关注我的微信公众号:全栈在路上
也可以访问我的查看更多文章

为了避免枯燥无味,我先不贴代码,写贴上我的demo图,这里还会拿上一篇的那个demo图为例。

// 点击返回按钮,会重新回到一.1的折线图

  • 10行:在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器;
  • 13行:加载了一个drillDown.js文件,详细代码见下面的第三步;
  • 63行:指定图表的配置项;
  • 64行:使用封装好的initChart方法为图表填充数据,并使用63行的配置项和64行的数据来显示图表.

这里都是echarts的基础知识,详细的可以点击进行充电。

在这个js文件里我封装了几个方法:

  • getOption: 获取当前echart对象的配置数组,我就不再详细讲解了。
  • initChart: 初始化折线图,这个方法做了两件事:

  • 为图表添加点击事件,也就是点击 返回按钮时触发的事件,详细逻辑看代码。

由于代码篇幅过长,影响阅读性,我这里不详细贴出,大家可以从下载。

这里我写了伪代码,大家看一下应该就能够明白了:

// 这里的接口代码伪代码大概如下: // 1.写查询语句,这里只是写伪代码,自己做防sql注入 // 3.对查询的结果进行组装,返回json格式的数组 // 5.为第一个series赋值,我们这里的demo只有一条折线 // 如果有多条折线的情况下,可以这样写

`data.php每一步我都有详细的注释,该方法主要是返回一个json格式的字符串,来供ajax回调使用。
客户端再拿到这个json字符串后,再进行拆分,分别给图表的x轴和y轴赋值即可。`

  • 好了,如果在第二部分中直接使用我模拟的测试数据的话,可以先不理会data.php的代码。
  • 跑通后,需要与后台接口打通时,可以看一下data.php的一个思路,根据自己的业务写逻辑,然后再做测试即可;
  • 大家在测试的过程中有什么问题,可以跟我留言,我会在第一时间回复;
  • 码字不易,转载请注明出处。

最近结合hexo和github pages又搭建了一个,我会慢慢的将的文章逐渐迁移过去,欢迎大家访问。

欢迎大家访问我的新系列文章,主要是讲用最新版的express怎么去开发一个简单的blog.
最近在学习nodejs,欢迎大家在看过后踊跃拍砖。

关注微信公众号阅读更多文章

欢迎访问更多关于webpack系列的原创文章:

我要回帖

更多关于 图表如何添加折线 的文章

 

随机推荐