Tableau图表 • 蝴蝶图
蝴蝶图，又叫旋风图，是一种特殊类型的条形图，可以很直观的比较两组数据的不同之处。
这里使用tableau自带的超市示例数据集，创建2016年和2017年各子类销售额蝴蝶图，对比各子类在不同年度的销售额情况。
在蝴蝶图的创建上，主要有两种方式，这两种方式区别在于，蝴蝶图中的两组条形图，使用的是同一横坐标轴还是不同的横坐标轴。如上图中，左侧蝴蝶图使用的是不同横坐标轴，右侧蝴蝶图使用的是同一横坐标轴。
tableau创建蝴蝶图的两种方式：
- 蝴蝶图（不同横坐标轴）
- 蝴蝶图（同一横坐标轴）
不管采用的是哪种方式创建蝴蝶图，都可以分为三个步骤：
本例中，tableau创建蝴蝶图的三个步骤：
- 创建计算字段
- 创建蝴蝶图
- 设置视图格式
蝴蝶图（不同横坐标轴）
创建计算字段
本例中，要创建2016年和2017年各子类销售额蝴蝶图，由于两个年度是分在两组条形图中，因此，首先需要创建两个计算字段，对2016年和2017年的销售额分别进行聚合。
创建蝴蝶图
Step01 创建分类条形图。将创建的两个字段，2016年销售额和2017年销售，拖放到“列”功能区，将维度区的“子类别”字段拖放到“行‘功能区，即可完成分类条形图的创建。
需要注意的是，此时创建的分类条形图，分别对应于两个不同的横坐标轴，具体可以通过点击横坐标轴进行测试。
Step02 反转横坐标轴。将左侧的条形图，即2016销售额条形图的横坐标轴进行反转，实现向右的条形转为向左。
Step03 排序。将视图按照2017销售额大小进行降序排序，即可完成蝴蝶图的初步创建。
设置视图格式
可以根据需要，对蝴蝶图的格式进行自定义设置，一般包括标记颜色、消除坐标轴标题、消除网格线等等。
Step01 标记颜色。将”2016销售额“字段拖放到“标记”卡“2016销售额”的"颜色"，同样，将”2017销售额“字段拖放到“标记”卡“2017销售额”的"颜色"。
Step02 统一横坐标轴口径。为确保两组条形图的长短具有可比性，需要对两个横坐标轴的值统一设置起点和终点。这里根据两个坐标轴的数值情况，将它们的最大值统一设置为650000。
Step03 清除格式。根据需要，清除视图中的坐标轴标题、网格线等内容，即可完成蝴蝶图（不同横坐标轴）的创建。
有时候，想将纵坐标轴的标题放在两个条形图的中间位置，好让视图看起来更直观，就像下面这样：
要实现上面的效果，需要用到占位字段小技巧。基本思路是创建一个“0轴”的计算字段，放在两组条形图的中间位置进行占位，再调整标签即可。
首先，创建“0轴”计算字段。
其次，将“0轴”计算字段放在“列”功能区中，“2016销售额”和“2017销售额”的中间位置。
第三，将“标记”卡的“0轴”样式更改为“文本”，再将“子类别”字段拖放到“标记”卡的“文本”位置。
最后，对视图中“0轴”的样式进行调整，包括清除网格线、零值线、左侧标题等，即可完成蝴蝶图（不同横坐标轴）的改造。
蝴蝶图（同一横坐标轴）
创建计算字段
本例中，要创建2016年和2017年各子类销售额在同一横坐标上的蝴蝶图，需要创建两个计算字段，对2016年和2017年的销售额分别进行聚合，但需要注意的是，由于2016年销售额条形图在左侧，因此要对2016年销售额取负值，才能实现条形图在同一坐标轴上的反转。
创建蝴蝶图
Step01 拖放字段。将维度区的“子类别”字段拖放到“行”功能区，将度量区的“度量值”拖放到“列”功能区，并在“度量值”卡中，仅保留“2016销售额-”和“2017销售额”两个计算字段，再按照“2017销售额”进行排序，即可初步创建蝴蝶图（同一横坐标轴）。
从图中可以看到，横坐标轴上，左边部分的条形图，对应的坐标值为负值，右边的为正值，两个条形图使用了同一个横坐标轴。
Step02 设置度量值格式。这一步非常重要，如果要将上面坐标轴的负值转换为正值显示，必须自定义“度量值”的数字格式，将其设置为“0;0”。
完成度量值格式设置后，创建的蝴蝶图（同一坐标轴）如下图所示，可以看到，左侧条形图对应的横坐标轴已经变为了正值。
设置视图格式
与蝴蝶图（不同坐标轴）类似，可以对视图进行标记颜色、统一坐标轴口径、清除网格线等格式设置，完成后的蝴蝶图（同一坐标轴）如下图所示：
对于纵坐标轴的标题，也可以将它移到蝴蝶图的中间位置，但此时却不会将两组条形图分开，因为它们使用的是同一个横坐标轴，因此纵坐标轴的标题实际上是叠放在条形图之上。
基本操作思路是：用“0轴”计算字段创建一个双轴图，再通过格式调整实现标签叠放显示。
Step01 创建计算字段。创建“0轴”计算字段。
Step02 创建双轴图。将“0轴”计算字段拖放到“列”功能区的“度量值”后面，再选择“双轴”，将两个图形叠放在一起。
Step03 调整视图标记类型。在“标记”卡中，将“度量值”的标记类型改为“条形图”，将“0轴”的标记类型改为“文本”。
Step04 调整视图格式。将“子类别”字段拖放到“标记”卡中，“0轴”的“文本”位置，再统一坐标轴口径、清除标题、清楚网格线等，即可完成蝴蝶图（同一坐标轴）的创建。
（全文完）
Tableau图表 • 蝴蝶图相关推荐
- Tableau ：蝴蝶图
蝴蝶图,又叫旋风图,是一种特殊类型的条形图,可以很直观地比较两组数据的不同之处. 参考博客:Tableau图表 • 蝴蝶图 看到这个图后,想到了这个网址:Population of WORLD 201 ...
- tableau货架图制作_3小时精通Tableau图表制作（18类）
3小时精通Tableau图表制作 目录: 提示:以下所有的数据均来自tableau内置数据源.打开tableau>左下角已保存数据源>示例-超市.即可找到数据 1简单柱状图 只需要两个维度 ...
- Tableau图表维度上卷下钻制作方法
文章目录 前言 一.维度创建分层结构 二.上卷下钻维度 三.适用场景 前言 分享tableau图表维度上卷和下钻的制作方法,方便我们或者用户通过不同维度,不同粒度来汇总分析数据. 一.维度创建分层结构 ...
- Tableau图表制作-蝴蝶图
step 1:数据源准备 以软件自带[示例-超市]数据源为例 step 2:Tableau操作 将[利润]和[销售额]放至列,[子类别]放至行 双击[利润]胶囊,使用ABS()函数,取利润字段的绝对值 ...
- css3弧形跑道效果_【Tableau 图表】你是不是真的需要一个跑道图呢？
文章分类: | 图表画法 | 仪表板设计 | 公式计算 | 图表交互 | 图表挑战 | 可视化作品 | 跑道图的准确的名字应该叫 Radial Bar Chart,翻译过来应该叫 环状条形图 ,但是这 ...
- fusioncharts 嵌套饼图_【Tableau 图表】你是不是真的需要一个跑道图呢？
文章分类: | 图表画法 | 仪表板设计 | 公式计算 | 图表交互 | 图表挑战 | 可视化作品 | 跑道图的准确的名字应该叫 Radial Bar Chart,翻译过来应该叫 环状条形图 ,但是这 ...
- 【Tableau 图表大全13】之树状图
文章目录 树状图样式 构建树状图 GIF演示1 树状图中构建详细级别 步骤1:创建新参数 步骤 2:创建计算字段 步骤 3: 使用新字段详细信息级别代替国家/地区 GIF演示2 树状图样式 树状图是要 ...
- Tableau图表 | 6、气泡图/树状图/文字云
气泡图/树状图/文字云均可用于表达3个变量之间的关系,三者的表现形式略有区别 使用Tableau示例-超市数据,展示销售额.利润.子类别三者之间的关系. 气泡图 1.将销售额拖拽到大小,利润拖拽到标签 ...
- Tableau图表：气泡图，文字云，树状图等
综上所述,完整的图表制作已经完成,但在实习工作的时候你发现的用的并不多,和之前用的R相比,我更推荐用tableau可视化.
最新文章
- mysql 过程 的函数的区别是什么意思_Mysql中存储过程和函数的区别是什么
- IT公司笔试题总结（三）
- 『设计模式』一张图告诉你UML图怎么画❀
- Objective-C中的self和super
- php 判断两个数组差集,php array_udiff_assoc 计算两个数组的差集实例
- SuperSet连接Hive失败(客户端报日志拒绝连接)
- 开始使用ASP.NET核心运行状况检查
- windows 不能确定用户和计算机名称
- 【学习笔记-1】- 非线性规划的最优性一阶/二阶必要条件之例题（12道）
- 计算机程序有哪些性质,程序的特性有哪些
- 新浪短网址t.cn如何生成
- 雷达传统的干扰方式（二次更新）
- 【SpringCloud-学习笔记】Docker基本操作
- 加拿大一枝大黄花的最新消息，吃掉它。
- Matlab nargin
- GAN 论文浅读心得体会-未完
- iOS Masonry 布局- UIScrollView/Masonry自动布局对UIScrollView的内容自适应
- 【Python】Python项目打包发布（一）（基于Pyinstaller打包多目录项目）
- 概论第6章_正态总体的抽样分布_样本均值的期望与样本方差的期望__方差的期望
- 频偏（ppm）计算公式