Altair 在 binding_radio 中更改 label 的顏色

Question

我想在 binding_radio 選擇器中更改“此標簽”的顏色：這可能嗎？

我找不到任何關於它的...

任何幫助將不勝感激！

df = pd.DataFrame({'x':[0,0],'y':[10,20],'color':['red','blue']})

groups = df['y'].tolist()
radio_groups = alt.binding_radio(
    options = groups, 
    name    = 'This label'
)
select_group = alt.selection(
    type   = 'single', 
    fields = ['y'],
    bind   = radio_groups, 
    empty  ='none',
    init   = {'y': 10}
)

alt.Chart(
    df
).mark_bar(
).encode(
    x = 'x:O',
    y='y:O',
    color = 'y:O'
).add_selection(
    select_group
).transform_filter(
    select_group
)

Answer 1

綁定的 styles 無法通過圖表規范控制，但可以通過標准 CSS 規范控制。 您可以使用瀏覽器檢查工具來確定有問題的 label 是一個帶有 class vega-bind-name的span元素。

如果您使用 Jupyter 筆記本，注入 CSS 的一種方法如下所示：

from IPython.display import display, HTML
display(HTML("""
<style>
  span.vega-bind-name {
    color: red;
  }
</style>
"""))

將此添加到單元格后，生成的圖表如下所示：