Vega Lite滚动重置后X轴原始顺序异常问题求助

问题背景 #

用Vega-Lite制作带滚动条的图表时，遇到交互异常：通过滚动条选中某段数据子集后，双击重置图表，X轴不会回到原始的全局数据顺序，而是从选中子集的第一个元素开始排列。尝试过sort: null、sort: {"field": "id"}、sort: false，以及调整编码中sort的有无，均无法解决该问题，但同样的滚动条配置在简单条形图中却能正常工作。

解决思路与方案 #

问题根源在于交互后Vega-Lite默认会基于当前视图的数据排序，而非全局原始数据。要强制X轴始终遵循原始顺序，需要显式绑定全局数据的排序规则：

1. 强制按日期字段的时间顺序排序 #

如果X轴是日期类型，直接指定按日期字段升序排序，确保排序依据是全局原始数据的时间顺序：

"x": {
  "field": "date", // 替换为你图表中的日期字段名
  "type": "temporal",
  "sort": {"field": "date", "order": "ascending"}
}

2. 用自定义ID绑定全局顺序 #

如果数据中存在标记原始顺序的id字段（比如从0开始递增的序列），可以基于id的全局最小值排序，确保排序不受视图数据影响：

"x": {
  "field": "date",
  "type": "temporal",
  "sort": {"op": "min", "field": "id", "order": "ascending"}
}

3. 优化滚动条选择的上下文配置 #

在滚动条的selection配置中添加resolve: "global"，避免选择操作修改数据的排序上下文：

"selection": {
  "brush": {
    "type": "interval",
    "resolve": "global",
    "encodings": ["x"]
  }
}

应用以上配置后，双击重置滚动条选择，X轴就会恢复到原始数据的顺序，不再停留在选中子集的起始位置。

内容的提问来源于stack exchange，提问作者dev account