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>
"""))

将此添加到单元格后，生成的图表如下所示：