think-cell chart系列15——蝴蝶图

今天跟大家分享think-cell chart系列的第15篇——蝴蝶图

当然think-cell chart中是无法直接制作蝴蝶图的,需要通过一对开口方向相反的条形图来实现。

而条形图则通过更改柱形图的朝向来达到目的(在think-cell chart软件中)。

所以我们在作图之前就已经很清楚我们要做的是两个柱形图,最后经过组合达到模拟蝴蝶图的目的。

有了这些思路,我们就可以着手组织作图数据:

接下来在分别选中两个作图数据区域,在excel的think-cell chart菜单中插入两个柱形图(出口方向朝左,进口方向朝右)。

当两个条形图都插入完毕之后,需要调整一些元素,使得两幅图合成一幅图。

首先需要去掉任意一个图表的纵坐标轴(只留一个即可)。

调出两个图标的横坐标轴,调整刻度大小范围至一致水平(0~100)。

同时选中两个图表,在调出的菜单中将两个图表设置为等宽、登高。

更换图表配色(同时选中几个数据条,打开编辑菜单,统一填色)。

为两个图表添加目标辅助线。

添加指标值差异。

最后修改字体,配上说明性文字,图表制作完毕!

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

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏腾讯社交用户体验设计

[ISUX译]响应式图像 - 腾讯ISUX

10810
来自专栏小古哥的博客园

CSS3边框图片-像素虚边的问题

虽然CSS3新增了这个功能,但是在W3school里面并没有给出具体详细的解释,还好网上不乏大神给你我们很全面的解释其中的原理-css3:border-imag...

27240
来自专栏腾讯社交用户体验设计

web图像的常见应用策略与技巧

11510
来自专栏偏前端工程师的驿站

CSS魔法堂:小结一下Box Model与Positioning Scheme

前言  对于Box Model和Positioning Scheme中3种定位模式的细节,已经通过以下几篇文章记录了我对其的理解和思考。 《CSS魔法堂:重新...

19160
来自专栏CDA数据分析师

技能 | 如何使用Python将文本转为图片

有时候,我们需要将文本转换为图片,比如发长微博,或者不想让人轻易复制我们的文本内容等时候。目前类似的工具已经有了不少,不过我觉得用得都不是很趁手,于是便自己尝试...

62270
来自专栏hbbliyong

WPF 跳动的文字

先上代码 public MainWindow() { InitializeComponent(); ...

30780
来自专栏腾讯云商业智能分析团队的专栏

如何使用高亮、表格渲染

本文将详细介绍如何对表格中的数据种类设置高亮,以及设置表格渲染,希望对大家有所帮助。

23700
来自专栏IMWeb前端团队

利用canvas实现一个抠图小工具

利用canvas实现一个抠图小工具 0 前言 作为新一代的前端开发工程师,PS抠图切图已经不是必备技能了,我们有UI/交互/视觉等更专业的设计同学帮我们做这个事...

47050
来自专栏瞎说开发那些事

使用RPA绘制素描图

21960
来自专栏数据小魔方

背景填充式条形图、柱图

今天跟大家分享背景填充式条形图、柱图的制作技巧! ▽▼▽ 本例要介绍的填充式图表与之前推送的一篇温度计风格图表的制作方式有点儿类似,不过制作方法上有些不同,在这...

28950

扫码关注云+社区

领取腾讯云代金券