【图表大师三】仿gartner清爽圆角矩阵图

在Gartner的报告中,常看到如下图的清爽圆角矩阵图。

我很喜欢这种清爽的图表风格,其特点有:干净清爽的颜色,优雅的圆角绘图区,个性的XY坐标轴。今天手痒地仿制了一下。

作图思路:

配色可以轻松仿制;绘图区呈圆角矩形,Excel中无法设置(只能设置图表区圆角),但可以通过一个小技巧变通实现;个性化的坐标轴只能通过自选图形绘制。

作图步骤:

假设数据如下图:

1、制作散点图。

2、用自选图形绘制一个圆角正方形,将其填充到绘图区。

在2010中,只需要先复制矩形框,然后在图表的绘图区->填充->图片或纹理填充->剪贴板,确定即可。在2003中,则需用先将矩形框另存为图片后再填充。另存为的动作可在PPT中完成。

3、为使矩阵图保持正方形,可在图表中添加一个虚拟序列,设置其图表类型为饼图,则图表的绘图区会自动保持绝对正方形。设置饼图无填充色,隐藏。这个技巧我们在《任意分割象限矩阵图》日志中也有运用过。

当然,这一步也可以只通过目测完成调整。

4、将分割线的数据加入图表,添加合适的XY误差线,从而绘制出4个象限。完成后可设置分割线的数据点无标记,隐藏。

这一步也可以直接使用直线绘制。

5、使用散点图标签工具,添加数据标签,显示各数据点的名称。还不了解标签工具的读者可参见《图表之道》。

6、删除图表本身的XY坐标轴,使用自选图形绘制出具有特色的坐标轴。

7、使用坐标轴的标题,或者添加两个文本框,分别连接到XY指标名,作为坐标轴的名称。

最后完成的图表如下图。

知识点:

绘图区图片填充,虚拟饼图使绘图区保持绝对正方形,XY散点图标签工具,自选图形绘制。

制作难度:★★★

实用性: ★★★★★

原文发布于微信公众号 - CDA数据分析师(cdacdacda)

原文发表时间:2014-03-26

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏非著名程序员

Android学习第五弹之Matrix的用法

Matrix的用法 非著名程序员 Matrix ,中文里叫矩阵,高等数学里有介绍,在图像处理方面,主要是用于平面的缩放、平移、旋转等操作。 首先介绍一下矩阵运算...

25610
来自专栏编程

你不知道的前端算法之热力图的实现

作者:TalkingData 李凤禄 本文为TalkingData原创,未经授权禁止转载。申请授权请在评论中留言联系! inMap 是一款基于 canvas 的...

8178
来自专栏coding for love

CSS进阶12-网格布局 Grid Layout

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

1012
来自专栏葬爱家族

Android高德之旅(8)绘制线废话简单的api总结

绘制线会比绘制点稍微复杂点,抛开一些复杂的属性不谈,主要分为三类:实线、虚线、纹理。绘制线在自定义地图中是非常重要的一个环节。

4105
来自专栏前端桃园

Grid布局简介

没错,这其实就是我们小时候写的小格子本本,其实它跟我们今天要讲的主题Grid布局非常类似,其实Grid布局就是它的升级加强版。

1.4K7
来自专栏知识分享

3-关于"小五物联"的功能介绍(添加波形图,Achartengine)

2523
来自专栏Petrichor的专栏

opencv: cv2.flip 图像翻转 进行 数据增强

Flipped Horizontally & Vertically 水平垂直翻转:

8814
来自专栏jianhuicode

深入浅出之移动端屏幕适配(1)

说到移动端:可以根据开发技术分,也可以根据操作系统来分,今天重点不是这个,是讲下使用CSS与Android如何进行屏幕适配。 1.先来了解几个概念:CSS中的p...

23510
来自专栏埋名

CSS样式clip-path绘制图形裁剪图片

发现clip-path绘制图形的网站 http://bennettfeely.com/clippy/ 专门介绍clip-path的使用,几乎任何形状都可以做出来...

2632
来自专栏python3

tkinter -- Label使用图像与文本

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

831

扫码关注云+社区

领取腾讯云代金券