如何使用选择更改标记属性 [vega-lite]

Posted

技术标签:

【中文标题】如何使用选择更改标记属性 [vega-lite]【英文标题】:How to change mark properties with selections [vega-lite] 【发布时间】:2020-07-23 15:32:00 【问题描述】:

如何使用 vega-lite 选择更改标记属性(不是字段编码或值)?

例如,用图层标记type:bar,fill:none,stroke,black突出显示选定的条。

【问题讨论】:

【参考方案1】:

我想我在interactive bar select highlight example找到了答案

可能无法通过选择直接更改标记属性,但可以通过选择有条件地设置fillOpacitystrockWidth 编码通道。

相关的代码是:

 "fillOpacity": 
      "condition": "selection": "select", "value": 1,
      "value": 0.3
    ,
    "strokeWidth": 
      "condition": [
        
          "test": 
            "and": [
              "selection": "select",
              "length(data(\"select_store\"))"
            ]
          ,
          "value": 2
        ,
        "selection": "highlight", "value": 1
      ],
      "value": 0
    

【讨论】:

以上是关于如何使用选择更改标记属性 [vega-lite]的主要内容,如果未能解决你的问题,请参考以下文章

vega-lite:单个图表中的多个标记

如何更改 altair 中 geo_shape 的限制(python vega-lite)

使用带有选择标记的@click方法来更改计算属性的值

如何在Vega-Lite中编码基于表格的数据?

如何将文本标记添加到 Vega Lite 分组条形图

如何更改 JSF 标记属性