Как отсортировать значения на основе выбора в диаграмме Altair?

#altair

#altair

Вопрос:

Учитывая интерактивную диаграмму области, подобную этой:

 import altair as alt
from vega_datasets import data

source = data.iowa_electricity()
selection = alt.selection(type='multi', fields=['source'], bind='legend')

alt.Chart(source).mark_area().encode(
    x="year:T",
    y="net_generation:Q",
    color="source:N",
    opacity=alt.condition(selection, alt.value(1), alt.value(0.1))
).add_selection(selection)
  

Я хотел бы сначала отсортировать выбранные значения, чтобы они складывались снизу, а не «висели в воздухе», как в примере ниже:

введите описание изображения здесь

Однако я не вижу, как я мог бы выразить это в преобразовании. Единственное, что работает transform_filter(selection) , но это полностью удаляет значения, которые не выбраны.

Это невозможно или я что-то упускаю?

Ответ №1:

Один из способов сделать это — получить доступ к содержимому выборки в рамках преобразования calculate, используя выражение vega, чтобы определить, находится ли текущий столбец в выборке. На этом этапе вы можете установить порядок в этой кодировке:

 import altair as alt
from vega_datasets import data

source = data.iowa_electricity()
selection = alt.selection(type='multi', fields=['source'], bind='legend')

alt.Chart(source).add_selection(
    selection
).transform_calculate(
    order=f"indexof({selection.name}.source || [], datum.source)",
).mark_area().encode(
    x="year:T",
    y="net_generation:Q",
    color="source:N",
    opacity=alt.condition(selection, alt.value(1), alt.value(0.1)),
    order=alt.Order("order:N", sort='descending'),
).add_selection(selection)
  

введите описание изображения здесь

Комментарии:

1. Большое спасибо за отличный ответ! Где-нибудь задокументированы элементы этого аккуратного трюка, особенно та часть, которая selection имеет name свойство? Я полагаю, что он возвращает, например ["Fossil Fuels", "Renewables"] , так что интерполированное выражение в Javascript есть ["Fossil Fuels", "Renewables"].source . И здесь я рисую пробел и больше не понимаю … 🤔

2. Здесь приведен пример использования значений выбора в выражениях: altair-viz.github.io/user_guide/… На объект выбора ссылается имя в выражениях vega, и у него есть атрибут для каждого поля, который возвращает список выбранных значений для этого поля.