如何为Vega-Lite概览图表X轴刷选数据设置默认时间区间

针对Overview and Detail示例中概览图X轴刷选的默认值设置，你需要将参数的select.type设为interval，并通过value指定时间区间范围，具体语法如下：

正确配置示例 #

替换原示例中的params部分为以下代码：

"params": [
  {
    "name": "brush",
    // 用日期对象指定区间
    "value": {"x": [{"year": 2000, "month": 1, "date": 1}, {"year": 2001, "month": 1, "date": 1}]},
    "select": {"type": "interval", "encodings": ["x"]}
  }
]

或者更简洁的ISO日期字符串形式：

"params": [
  {
    "name": "brush",
    // 用ISO字符串指定区间
    "value": {"x": ["2000-01-01", "2001-01-01"]},
    "select": {"type": "interval", "encodings": ["x"]}
  }
]

关键说明 #

• 刷选类型必须设为interval，对应区间选择器
• value的结构为{"x": [起始时间, 结束时间]}，支持日期对象或ISO标准日期字符串两种格式
• 时间范围需要匹配你数据中的日期格式，确保能被Vega-Lite正确解析

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