如何在Vega-lite中为axis labels分配parameter实现点击选中堆叠条？

可以实现这个需求。Vega-Lite本身没有直接给轴标签绑定参数的原生API，但可以通过自定义信号、选择器和交互事件来模拟，思路和Vega用signal实现的方式一致。

针对你提供的示例，下面是修改后的代码，实现点击top或bottom轴标签时，选中对应行的堆叠条形图：

{
  "data": {
    "values": [
      {"category": "a", "xval": 1, "yval": "top"},
      {"category": "b", "xval": 5, "yval": "top"},
      {"category": "c", "xval": 8, "yval": "top"},
      {"category": "a", "xval": 3, "yval": "bottom"},
      {"category": "b", "xval": 1, "yval": "bottom"},
      {"category": "c", "xval": 9, "yval": "bottom"}
    ]
  },
  "signals": [
    {
      "name": "selectedYLabel",
      "value": null,
      "on": [
        {
          "events": "axis-label:click",
          "update": "event.detail.value === selectedYLabel ? null : event.detail.value"
        }
      ]
    }
  ],
  "selection": {
    "yLabelSelect": {
      "type": "single",
      "fields": ["yval"],
      "init": {"yval": null},
      "on": [
        {
          "events": {"signal": "selectedYLabel"},
          "update": "selectedYLabel ? {yval: selectedYLabel} : null"
        }
      ]
    }
  },
  "encoding": {
    "y": {
      "title": null,
      "field": "yval",
      "sort": "descending",
      "axis": {"labelAngle": 0}
    }
  },
  "layer": [
    {
      "mark": {
        "type": "bar",
        "tooltip": true,
        "fillOpacity": {"condition": {"selection": "yLabelSelect", "value": 1}, "value": 0.3}
      },
      "encoding": {
        "x": {
          "title": null,
          "field": "xval",
          "type": "quantitative",
          "aggregate": "sum"
        },
        "color": {"field": "category"},
        "order": {"field": "category"},
        "opacity": {
          "condition": {"selection": "yLabelSelect", "value": 1},
          "value": 0.3
        }
      }
    }
  ]
}

关键部分说明： #

• 信号selectedYLabel：监听轴标签的点击事件，获取点击的标签值，再次点击时取消选中。
• 选择器yLabelSelect：把信号的值同步为选择器的选中状态，方便后续绑定到图形的样式上。
• 条形图样式控制：通过fillOpacity和opacity的条件判断，当选择器匹配到对应yval时，高亮显示条形，未选中的则降低透明度。

如果需要和外部参数联动，可以在信号的更新逻辑里添加同步参数的代码，具体可根据使用工具调整信号的输出方式。

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