蛇形图

今天要跟大家分享的图表是蛇形图!

该图表的制作原理很类似之前讲过的垂直折线图,不过这里要复杂一些,会用到很多错位排列的技巧。

下面就开始吧,还是首选让大家看一下该图表的最终呈现效果:

效果看起来当然是很酷炫了,不过做起来还是有一定难度的,主要都是数据组织起来会费点儿事儿。

下面是该图表的数据组织结构:

图表中一共会有五个数据系列,公用一个X轴。

我们使用C列到G列数据插入带平滑直线的散点图:

打开选择数据菜单,添加新的序列:X轴数据为I列数据(labels),Y轴为H列数据(areas)。

将刚才新添加的数据序列图表类型更改为簇状柱形图。

打开设置数据序列格式菜单,将柱形图数据条间距调整为(2%),同时填充淡色。将纵坐标轴大小范围设置为0.5~7,同时隐藏纵坐标轴标签和线条颜色。并设置逆序排列。

将四个代表产品的平滑曲线及其数据点的填充色以及线条色都填充为一致的颜色。

至于颜色的选取,最好选择一套对比差别比较分明的颜色,利于辨识。

最后是修饰美化,添加数据标签,调整以下布局就OK了。

相关阅读:图表案例|纵向折线图

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

原文发表时间:2016-07-09

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏数据小魔方

绩效管理工具(二)——温度计风格图表!

今天跟大家分享另一种用作绩效管理的图表工具——温度计风格图表! ▽ 这种图表看起来简洁、直观。数据表达清晰、无冗余。今天主要介绍两种做法,都不是特别复杂,但是需...

3258
来自专栏数据小魔方

创意雷达图(Round Rador Chart)

今天给大家分享的图表是创意雷达图! ▽▼▽ 既然是创意雷达图,肯定是有难度的啦,单纯的雷达图太没有挑战了! 首先看成品,怎么样,还不错吧,想不想自己也做一个,如...

6915
来自专栏数据小魔方

sparklines迷你图系列6——Comparison(Columns)

今天分享sparklines迷你图中的Comparision图表类型中的Columns图表。 该图表说到底其实就是我们日常工作中最常用到的柱形图。 该图表的函数...

2674
来自专栏生信技能树

用python编写验证码

作为一个用python的生信工程师,平时工作中除了用python来处理些文本文件和搭建流程,没事也想探索些其他有趣的功能。这几天就在网上学习了下如何用pytho...

4195
来自专栏钱塘大数据

看完这些美如画的数据信息图,你还会用饼图做图表?

1243
来自专栏python3

tkinter -- Label使用图像与文本

compound: 指定文本(text)与图像(bitmap(内置图)/image(自定义图片)是如何在Label上显示,当指定image/bitmap时,会显...

781
来自专栏coding for love

CSS进阶01-CSS视觉格式化

(注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!) (注2:更多内容请查看我的目录。)

640
来自专栏邹成卓的专栏

Unity3D WebCamTexture 取帧渲染、像素读取的终端适配

由于Win/Mac/Adnroid/iOS等各系统平台和硬件环境下,WebCamTexture 用于渲染和图像计算时表现不完全一致,很容易造成图像渲染或者计算不...

5220
来自专栏IMWeb前端团队

移动端圆环进度动画方案(透明背景-透明度圆环-css3版)

本文作者:IMWeb 张颖 原文出处:IMWeb社区 未经同意,禁止转载 适逢元旦假期,妹子逛街吃火锅看电影陪女朋友之际,写出来的文章难免画风略微粗糙...

1998
来自专栏王磊的博客

基于python的图片修复程序-可用于水印去除

6573

扫码关注云+社区

领取腾讯云代金券