Javascript 使用选择菜单添加筛选，它不起作用

我的目的是，当我单击城市名称中的一个时，图形将进行过滤，仅显示有关该城市的信息

params部分的代码是我在Vegta-Lite中添加的用于过滤的选择菜单。（我尝试使用的方法）

然而，如下图所示，即使我按布里斯班过滤，该图仍然提供了所有信息，而不仅仅是一条直线图。（即“我的过滤器”菜单不工作。）

它是有线的，选择菜单已经存在，但它无法链接到我的图表。感觉这个选择菜单是独立存在的

有人知道我该怎么解决这个问题吗

i、 e.如何使我的选择菜单链接到我的图表，以便我可以按城市名称进行筛选？

{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "width": 800, "height": 200,
  "description": "Stock prices of 5 Tech Companies over Time.",
  "data": {"url": "https://raw.githubusercontent.com/BocongZhao823/My_First_Webpage-/main/data/rainfall_tidy.csv"},

  "params": [
    {
      "name":"City_Selection",
      "bind":{
        "input":"select",
        "options":[
          null,
          "Adelaide",
          "Brisbane",
          "Canberra",
          "Melbourne",
          "Perth",
          "Sydney"
  ],
  "labels":[
    "Show All",
    "Adelaide",
    "Brisbane",
   "Canberra",
    "Melbourne",
   "Perth",
   "Sydney"
  ],
  "name":"City_Selection:"
}
}
],

  "mark": {
    "type": "line",
    "point": {
      "filled": false,
      "fill": "white"
    }
  },
  "encoding": {
    "x": {"timeUnit": "year", "field": "date"},
    "y": {"aggregate":"mean", "field": "rainfall", "type": "quantitative"},
    "color": {"field": "city_name", "type": "nominal"}
  }
}

定义选择的

“params”

方法目前处于实验阶段，在当前版本的Vega Lite中没有完全实现

如果您想使用输入框来过滤数据，最简单的方法是按照Vega Lite文档的一节进行操作，并使用输入框根据您创建的选择过滤数据

下面是一个例子（）：

{
“$schema”：”https://vega.github.io/schema/vega-lite/v4.json",
“宽度”：800，
“高度”：200，
“说明”：“5家科技公司的股票价格随时间变化。”，
“数据”：{
“url”：”https://raw.githubusercontent.com/BocongZhao823/My_First_Webpage-/main/data/rainfall_tidy.csv"
},
“选择”：{
“城市选择器”：{
“类型”：“单个”，
“字段”：[“城市名称”]，
“绑定”：{
“输入”：“选择”，
“选择”：[
无效的
“阿德莱德”，
“布里斯班”，
“堪培拉”，
“墨尔本”，
“珀斯”，
“悉尼”
],
“标签”：[
“全部展示”，
“阿德莱德”，
“布里斯班”，
“堪培拉”，
“墨尔本”，
“珀斯”，
“悉尼”
],
“名称”：“城市选择：”
}
}
},
“transform”：[{“filter”：{“selection”：“city_selector”}}]，
“标记”：{“类型”：“线”，“点”：{“填充”：假，“填充”：“白色”}，
“编码”：{
“x”：{“时间单位”：“年”，“字段”：“日期”}，
“y”：{“骨料”：“平均值”，“场”：“降雨量”，“类型”：“定量”}，
“颜色”：{
“字段”：“城市名称”，
“类型”：“标称”，
“比例”：{
“域”：[
“阿德莱德”，
“布里斯班”，
“堪培拉”，
“墨尔本”，
“珀斯”，
“悉尼”
]
}
}
}
}