Tableau Playbook - 带面积的双轴线图

发布日期:2026-07-11 11:37:03   来源 : 杭州电子商务研究院    浏览量 :8
杭州电子商务研究院 发布日期:2026-07-11 11:37:03  
8

介绍

这是 Tableau Playbook 四部分系列文章的第三部分- 双轴线图。在前几部分中,我们深入研究了结合了线点的双轴线图。如果您错过了,请查看它们。

在本指南中,我们将重点介绍另一种双轴线图:带面积的双轴折线图。通过分析真实数据集Rossmann Store Sales,我们将重点介绍如何逐步构建它。同时,我们将从 Tableau 可视化中得出一些结论。

带面积的双轴折线图

在这个例子中,我们将比较一个典型商店在 2013 年和 2014 年的销售趋势。我们将使用带面积的双轴图来突出显示这两年之间的差异。

  1. 首先构建一个离散折线图。

    1. 将“日期”拖到列架中。
    2. 将“销售额”拖到“行”栏中
    3. 按住Control键( Mac 中为Command键),即复制并将“年份(日期)”拖入标记-颜色
    4. 为了比较 2013 年和 2014 年的月度趋势,我们右键单击“年份(日期)”,并将类型从离散日期部分更改为月份。
    5. 在此示例中,我们关注一家典型商店。没有来自其他商店的数据倾斜问题或不平衡的时间分布,因此按平均值聚合是一个不错的选择。右键单击“SUM(Sales)”,然后选择“度量” -> “平均值”

    带区域 1 的折线图双轴

  2. 仅保留 2013 和 2014 年份:

    1. 将“日期”拖入过滤器卡。
    2. 当输入日期类型时,会弹出过滤字段 [日期]对话框。选择日期部分的年份并按下一步按钮。
    3. 在过滤列表中仅选择 2013 和 2014。

    带区域 2 的折线图双轴

  3. 目前,此图表显示来自 856 家商店的数据。我们想关注某个特定的商店:

    1. 将“商店”拖入过滤器卡。
    2. 在过滤列表中选择 Store 118。
  4. 构建具有面积的双轴来突出显示这两条线之间的差异:

    带区域 3 的折线图双轴

    1. 按住Control键( Mac 中为Command键)并将“AVG(Sales)”拖到行架的右侧,这意味着制作副本。
    2. 右键单击新的“AVG(销售)”,然后选中双轴
    3. 将第二个轴转换为区域类型。再次右键单击并选择标记类型->区域
  5. 优化领域:

    带区域 4 的折线图双轴

    1. 我们希望为两条线之间的区域着色。目前,线和区域使用相同的维度“日期”。我们需要复制并分别应用颜色。

      首先,删除第二张标记卡中的当前维度“YEAR(Date)”。

    2. 在维度窗格中右键单击“日期” ,然后选择“复制”。 Tableau 将生成“日期(副本)”。

    3. 将“日期(副本)”拖入标记-颜色

    4. 现在我们可以更改区域颜色。单击区域颜色图例的倒三角形,然后选择编辑颜色...将“2013”​​的颜色更改为白色。将“2014”的颜色更改为您想要的颜色,例如灰色。

    5. 我们可以看到该区域与线条重叠。我们需要将其移到后面。右键单击右侧 y 轴,然后单击将标记移到后面

    6. 为了避免图形误导,请选中“同步轴”以同步两个轴。

    7. 由于两个 y 轴是同步的,我们可以通过取消选中“显示标题”来隐藏右侧轴。

    8. 底部区域仍为灰色。这是因为“2014”区域是透明的。我们需要使其不透明。展开颜色并将不透明度滑动到 100%。

  6. 完善最终图表:

    1. 将标题编辑为“比较 2013 年和 2014 年的月度销售趋势”。
    2. 右键单击“日期”,然后选择隐藏列的字段标签
    3. 点击区域颜色图例的倒三角形,然后点击隐藏卡片
    4. 隐藏水平网格线:单击导航中的“格式” ->选择“线条...” ->在“格式线条”窗格中切换“行”选项卡- >将“网格线”更改为“无”
    5. 右键单击水平标题,然后单击格式...从标题选项卡中展开默认选项中的日期并选择缩写

    面积为 5 的折线图双轴

分析:

在这张图中,我们用线来对比趋势,并标出它们之间的区域。我们可以清楚地看到,总体的月度趋势是一致的。2014 年的销售额比 2013 年增加了约 500 至 1000 美元。唯一的区别是,2014 年销售额在 3 月份涨幅最小,4 月份涨幅最大,这可能是因为 2013 年 3 月和 2014 年 4 月的销售额出现了爆发式增长。

相关图表

借助双轴技巧,折线图可以与多种标记类型相结合,例如线区域条形图。通过将折线图与其他视觉元素相结合,我们可以看到两者在不同场景中的实力:

以下是双轴线图之间变化的视觉比较:

结论

在这一部分中,我们学习了如何创建带面积的双轴线图。首先,我们构建了一个原始的离散线图。然后我们按年份和商店对其进行过滤。接下来,我们使用带面积的双轴并自定义面积。最后,我们从这个图表中挖掘出有用的信息。

第四部分中,我们将练习带条形图的折线图双轴。

您可以从 Tableau Public下载此示例工作簿《折线图和变体》 。

最后,我绘制了一张思维导图来帮助你整理和复习本指南中的知识。

希望你喜欢。如果您有任何问题,欢迎通过 recnac@foxmail.com 与我联系。

以上内容来自杭州电子商务研究院推送
关注
关于我们
热门推荐
合作伙伴
免责声明:本站部分资讯来源于网络,如有侵权请及时联系客服,我们将尽快处理
Copyright © 2025-2027 ToB产业网址导航 公安备案 浙公网安备33010602013138号 浙ICP备16025413号-9
支持 反馈 关注 数据