Deneb(Vega-Lite)甘特图height动态step值配置问题求助

核心逻辑 #

先在Power BI中基于过滤器控制的Schaalwaarde度量值和任务数量，计算出适配屏幕的行高step，再传递给Vega-Lite配置，既避免滚动条，又防止任务少时视觉拉伸。

步骤1：在Power BI中创建动态行高度量值 #

新建度量值（比如命名为DynamicRowStep），根据当前任务数量和预设的视觉边界计算行高：

DynamicRowStep = 
VAR TaskCount = COUNT('任务表'[任务ID]) -- 替换为你的任务唯一标识列
VAR MaxAvailableHeight = 650 -- 按报表布局设置可视化区域的最大可用高度
VAR MinRowHeight = 10 -- 任务少时的最小行高，避免过度拉伸
VAR CalculatedStep = DIVIDE(MaxAvailableHeight, TaskCount, MinRowHeight)
RETURN IF(CalculatedStep < MinRowHeight, MinRowHeight, CalculatedStep)

这个度量值会自动根据过滤器筛选后的任务数，输出不超过最大高度的行高，同时保证最小值。

步骤2：在Deneb中引用度量值动态配置step #

在Vega-Lite代码里，通过聚合提取度量值，再用表达式绑定到行高step：

{
  "data": {"name": "dataset"},
  "transform": [
    // 聚合提取唯一的动态行高值
    {"aggregate": [{"op": "max", "field": "DynamicRowStep", "as": "TargetStep"}]}
  ],
  // 用表达式引用聚合后的行高
  "height": {"step": {"expr": "data('data_0')[0].TargetStep"}},
  "mark": "bar",
  "encoding": {
    "y": {"field": "任务名称", "type": "ordinal", "band": 1},
    "x": {"field": "开始日期", "type": "temporal"},
    "x2": {"field": "结束日期"},
    "color": {"field": "任务状态", "type": "nominal"}
  }
}

• 聚合步骤是为了从每行都携带度量值的数据集中，提取唯一的目标行高值
• height.step通过Vega表达式直接调用该值，实现动态调整

可选优化：直接控制总高度 #

如果上述方式适配有问题，可改为先计算甘特图总高度，再分配行高：

1. 创建度量值TotalGanttHeight：

TotalGanttHeight = 
VAR TaskCount = COUNT('任务表'[任务ID])
VAR MinTotalHeight = 200 -- 任务少时的最小总高度
VAR CalculatedTotal = TaskCount * [DynamicRowStep]
RETURN IF(CalculatedTotal < MinTotalHeight, MinTotalHeight, CalculatedTotal)

2. 在Deneb中配置总高度和行高比例：

{
  "data": {"name": "dataset"},
  "transform": [
    {"aggregate": [{"op": "max", "field": "TotalGanttHeight", "as": "TargetHeight"}]}
  ],
  "height": {"expr": "data('data_0')[0].TargetHeight"},
  "encoding": {
    "y": {
      "field": "任务名称", 
      "type": "ordinal", 
      "band": {"expr": "data('data_0')[0].TargetHeight / data('dataset').length"}
    },
    "x": {"field": "开始日期", "type": "temporal"},
    "x2": {"field": "结束日期"}
  }
}

内容的提问来源于stack exchange，提问作者Philip Huybrechts