如何在Vega-Lite中高亮放大后的条形并获取其详情

我来帮你搞定这个问题——你遇到的核心问题是没有正确利用Vega-Lite内置的selection系统实现交互联动，而且直接修改编译后的Vega代码是不可靠的（vega-lite会重新生成spec结构覆盖你的修改）。咱们一步步解决：

1. 定义双Selection实现放大+点击高亮 #

首先需要定义两个selection，分别处理底部选框放大和顶部条形点击高亮：

"selection": {
  "brush": {
    "type": "interval",
    "encodings": ["x"],
    "bind": "scales"
  },
  "barClick": {
    "type": "single",
    "encodings": ["x"],
    "on": "click",
    "empty": "none"
  }
}

• brush是区间选框，绑定到x轴缩放，实现底部概览图选框控制顶部放大图的显示范围
• barClick监听点击事件