Альтаир меняет цвет метки в binding_radio - PullRequest
1 голос
/ 11 июля 2020

Я хотел бы изменить цвет 'This label' в селекторе 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
)

1 Ответ

2 голосов
/ 11 июля 2020

Стилями привязок нельзя управлять с помощью спецификации диаграммы, но можно управлять с помощью стандартных CSS спецификаций. Вы можете использовать инструменты проверки вашего браузера, чтобы определить, что рассматриваемая метка является элементом span с классом vega-bind-name.

Если вы работаете в записных книжках Jupyter, один из способов ввода CSS выглядит так: это:

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

После добавления этого в ячейку результирующая диаграмма будет выглядеть так: введите описание изображения здесь

...