Vega-Lite是否支持图例随面板尺寸自动响应换行/列？

• 当前内置状态：Vega-Lite目前没有内置的图例响应式自动换行/列功能。默认行为是当画布尺寸缩小时，图例不会自动重排，只会在单行内被截断或隐藏，无法自动调整列数/行数适配面板大小。

• 关于signal/expr尝试的说明：通过signal/expr基于图表width信号计算列数的思路方向合理，但受限于Vega-Lite的图例布局逻辑，直接实现很难达到预期效果——图例的实际占位宽度无法直接通过信号获取，导致计算出的列数和实际需求不匹配。

• 当前可行临时方案：最稳妥的方式是手动设置legend.columns属性控制图例列数实现换行。如果需要适配不同尺寸范围，可以结合条件逻辑，通过condition根据画布宽度设置不同的列数值，示例代码如下：

{
  "mark": "bar",
  "encoding": {
    "x": {"field": "category", "type": "ordinal"},
    "y": {"field": "value", "type": "quantitative"},
    "color": {
      "field": "group",
      "type": "nominal",
      "legend": {
        "columns": {
          "condition": [
            {"test": "width < 600", "value": 2},
            {"test": "width < 800", "value": 3}
          ],
          "value": 4
        }
      }
    }
  }
}

• 进阶适配方式：如果需要更灵活的自动适配，只能通过自定义Vega-Lite底层信号，或结合外部JavaScript监听容器尺寸变化，动态更新图例的columns属性，但这已经超出了Vega-Lite的内置功能范畴。

内容的提问来源于stack exchange，提问作者Vikrant Ramesh