如何在Google Data Studio堆叠条形图中合并不同event类型

示例数据 #

video_id    video_num   event   starting_time   length_sec
3ofhi23r2   1           stall   3:15:00         81
3ofhi23r2   1           load    3:16:21         71
3ofhi23r2   2           load    3:17:31         10
3ofhi23r2   3           stall   3:17:41         10
3ofhi23r2   3           load    3:17:51         10
3ofhi23r2   4           stall   3:18:01         10
3ofhi23r2   4           load    3:18:11         10
3ofhi23r2   4           stall   3:18:21         10
3ofhi23r2   4           load    3:18:31         10

前期配置问题 #

之前的配置维度顺序颠倒，错误将video_num设为细分维度，导致同个视频分段下的不同事件被拆分到独立柱体，且无法按event类型统一配色，原配置问题点如下：

• 日期范围维度：starting_time
• 维度：video_id、event（原配置笔误写为event_type）
• 细分维度：video_num
• 指标：SUM(length_sec)（聚合方式无问题，但维度搭配错误）
• 排序：重复配置video_num升序，未按时间字段排序
  

目标效果 #

每个video_num对应的stall、load事件展示在同一根堆叠条形柱上，所有stall事件使用统一配色、所有load事件使用统一配色，X轴展示starting_time，实现时间轴式的事件时长展示，面积图方案也可满足需求。

具体实现方案 #

方案1：堆叠条形图（完全匹配预期效果） #

核心是调整维度层级，将事件类型设为唯一的堆叠拆分维度，具体配置：

1. 字段预处理：将starting_time字段类型修改为日期时间格式，保证时间轴刻度连续
2. 日期范围维度：保持选择starting_time
3. 主维度（决定柱体位置）：按顺序添加video_num、starting_time，video_id不要放在图表维度中，若需筛选特定视频，可将video_id设为页面级/图表级筛选器
4. 细分维度（决定堆叠拆分规则）：仅保留event字段
5. 指标：保持SUM(length_sec)，无需修改聚合方式
6. 样式与交互配置：
   • 开启条形图的堆叠模式，可根据需求选择普通堆叠或100%堆叠
   • 在颜色规则面板为stall、load两类事件分别设置固定配色，即可实现全图表同事件颜色统一
   • 排序规则设置为starting_time升序，保证柱体按时间先后排列
   • X轴显示设置中选择展示starting_time，隐藏video_num标签即可

方案2：堆叠面积图（更顺滑的时间轴效果） #

如果需要展示连续时间维度下的事件时长分布，可切换为堆叠面积图，配置逻辑和堆叠条形图基本一致：

• X轴维度：仅选择starting_time，时间粒度匹配数据精度选择秒/分钟级
• 细分维度：event
• 指标：SUM(length_sec)
• 样式面板开启堆叠模式，给两类事件设置固定配色即可

注意：同一时间点存在多条同类型事件时，面积图会自动聚合时长，展示连续的时间分布趋势，更贴合播放事件时间轴的展示逻辑。

内容的提问来源于stack exchange，提问作者Ricardo Francois