【Tableau 图表大全30】之双柱图和折线图的组合图表

最新推荐文章于 2025-05-25 19:17:56 发布

张国荣家的弟弟

最新推荐文章于 2025-05-25 19:17:56 发布

阅读量9k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Tableau 设计提示文章标签： mysql 数据库服务器可视化 tableau

本文链接：https://blog.youkuaiyun.com/qq_43674360/article/details/123794810

Tableau 设计提示专栏收录该内容

48 篇文章

订阅专栏

本文介绍如何在Tableau中实现双柱图与折线图的组合展示，通过案例解析具体步骤，包括创建计算字段调整图表间距，以及利用标记和双轴实现最终效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

问题描述

一般情况下，这个双柱图和折线图的应用场景在于需要比较两个相同指标，在同一时间段或者同一标准参考，并比较其差值比例，类似同环比的概念，但是用不同的方式去呈现而已。图如下所示：

在这里插入图片描述

问题分析

直观的看就是两个柱状图和一个折线图的组合，如果在tableau里面直接用用双轴的话，会将两个柱状图堆叠在一起，就会导致如下所示：
在这里插入图片描述

我们这里的源字段涉及有，日期，销售额，指标(指标值：本期，同期，增量率)，增量率。
在这里插入图片描述

解决方法

数据集下载：双柱状图+折线图
1.创建一个字段，主要在于显示两个柱形图的距离间隔
计算字段名字：月度距离

CASE [指标]
//设置合适的距离让两个柱形图分开
WHEN "同期" THEN DATETRUNC('day',[日期]) - 3 
WHEN "本期" THEN DATETRUNC('day',[日期]) + 3 
ELSE DATETRUNC('month',([日期])) 
END

Tableau里面显示：
在这里插入图片描述
这里设计到的指数点 case when 语句，以及datetrunc()函数，下面是此函数介绍(这里是满足相关的条件的获取每天日期，并＋- 3个单位day日期值，为了增加距离间隔)

2.下面利用标记里面的柱形和线来使用双轴进行设计，GIF演示如下：
在这里插入图片描述
可以去public下载已经制作好的twbx文件：
public预览：https://public.tableau.com/app/profile/thexing/viz/Combinationchartof2-columnandlinechart_16484485735480/sheet0