Altair 更改 binding_radio 中标签的颜色答案

【问题标题】：Altair change color of label in binding_radioAltair 更改 binding_radio 中标签的颜色
【发布时间】：2020-07-10 23:29:10
【问题描述】：

我想在 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
)

【问题讨论】：

标签： python altair

【解决方案1】：

绑定的样式不能通过图表规范控制，但可以通过标准 CSS 规范控制。您可以使用浏览器检查工具来确定有问题的标签是 span 元素，其类为 vega-bind-name。

如果您使用 Jupyter 笔记本，注入 CSS 的一种方法如下所示：

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

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

【讨论】：

你太棒了！谢谢杰克！