Deneb中使用Vega-Lite拼接视图时，能否动态修改容器的高/宽？

当然可以实现啦！不过你之前尝试的用datum写表达式的路子走不通哦——因为datum是针对数据集中单条数据的，而容器的高/宽属于整个视图的配置，没法直接拿单个数据字段的值来调整。给你两种实用的解决方法：

一、用全局参数动态控制（最常用） #

如果你的需求是像示例里那样，根据某个选择项（比如粒度）来切换高/宽，推荐用Vega-Lite的**参数（Parameter）**来实现。先定义一个全局参数，然后在拼接的子视图里直接引用这个参数的值来计算高/宽：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "params": [
    {
      "name": "selected_granularity",
      "value": 0,
      "bind": {
        "input": "select",
        "options": [0, 1],
        "labels": ["粒度0", "粒度1"]
      }
    }
  ],
  "vconcat": [
    {
      "data": {
        "values": [{"category": "A", "value": 10}]
      },
      "height": {"expr": "selected_granularity === 0 ? 200 : 180"},
      "width": 160,
      "mark": "bar",
      "encoding": {
        "x": {"field": "category", "type": "nominal"},
        "y": {"field": "value", "type": "quantitative"}
      }
    },
    {
      "data": {
        "values": [{"category": "B", "value": 15}]
      },
      "height": {"expr": "selected_granularity === 0 ? 150 : 130"},
      "width": 160,
      "mark": "line",
      "encoding": {
        "x": {"field": "category", "type": "nominal"},
        "y": {"field": "value", "type": "quantitative"}
      }
    }
  ]
}

这里的核心是用全局参数替代datum，因为参数是整个图表层面都能访问的，完全适配视图级别的高/宽配置。

二、基于数据统计结果自动调整 #

如果你的高/宽需要跟着数据本身的特征变（比如数据行数、最大值），可以直接在表达式里用Vega的统计函数。比如根据视图的数据行数来动态计算高度：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "vconcat": [
    {
      "name": "top_bar_chart",
      "data": {
        "values": [{"category": "A", "value": 10}, {"category": "B", "value": 20}]
      },
      "height": {"expr": "length(data('top_bar_chart')) * 50"},
      "mark": "bar",
      "encoding": {
        "x": {"field": "category", "type": "nominal"},
        "y": {"field": "value", "type": "quantitative"}
      }
    }
  ]
}

这里用length(data('top_bar_chart'))获取该视图的数据行数，乘以50得到动态高度，适配不同的数据量。

最后提个小提醒：在Deneb里写这些表达式时，要确保变量名和参数/数据集名称对应，如果要跨视图引用数据，记得给目标视图加个name属性哦。

备注：内容来源于stack exchange，提问作者tomecsek