Использование выбора интервала Altair в качестве фильтра на диаграмме с несколькими представлениями

В моей составной диаграмме я использую выбор интервала в качестве фильтра (см. GIF, код Python и спецификацию VL ниже).

Несмотря на то, что мой выбор кажется пустым, моя отфильтрованная диаграмма все еще показывает некоторые данные. Чего я хотел бы добиться, так это показать среднюю температуру для каждой станции на основе диапазона дат, выбранного при выборе интервала.

Кто-нибудь может взглянуть и подтолкнуть меня в правильном направлении?

Вот воспроизводимый пример в редакторе VL

Использование выбора интервала Altair в качестве фильтра на диаграмме с несколькими представлениями

Вот код Python, который я использую:

def make_chart(df, station):
    
    brush = alt.selection(
        type = "interval",
        encodings=["x"],
        on = "[mousedown[event.altKey], mouseup] > mousemove",
        translate = "[mousedown[event.altKey], mouseup] > mousemove!",
        zoom = "wheel![event.altKey]",
        )

    interaction = alt.selection(
        type = "interval",
        bind = "scales",
        on = "[mousedown[event.shiftKey], mouseup] > mousemove",
        translate = "[mousedown[event.shiftKey], mouseup] > mousemove!",
        zoom = "wheel![event.shiftKey]",
        )

    points = alt.Chart().mark_circle().encode(
        alt.X('yearmonthdate(date):T', title='Date'),
        alt.Y('temp:Q', title='Mean Temperature in 2020 (F)'),
        size=alt.Size('wind:Q', scale=alt.Scale(domain=[1, 20], range=[1,500])),
        color=alt.Color('temp:Q', scale=alt.Scale(scheme='blueorange', domainMid=32), 
            legend=alt.Legend(title='Mean Temperature')),
        tooltip=['date', 'name', 'temp', 'wind']
    ).properties(
        width=550,
        height=300
    ).transform_filter(
        alt.datum.name == station
    ).add_selection(
        brush
    ).add_selection(interaction)

    bars = alt.Chart().mark_bar().encode(
        x=alt.X('mean(temp)', title='Mean Temperature (F)'),
        y=alt.Y('name:N', title='Station', axis=alt.Axis(labelLimit=90), sort='-x'),
        color=alt.Color('mean(temp):Q', scale=alt.Scale(scheme='blueorange', domainMid=32))
    ).transform_filter(
        brush
    ).properties(
        width=550,
    )

    chart=alt.vconcat(points, bars, data=df, title=f"Mean Temperature Dashboard for NY"
    )

    return chart

Почему в Python есть оператор "pass"?
Почему в Python есть оператор "pass"?
Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.
Некоторые методы, о которых вы не знали, что они существуют в Python
Некоторые методы, о которых вы не знали, что они существуют в Python
Python - самый известный и самый простой в изучении язык в наши дни. Имея широкий спектр применения в области машинного обучения, Data Science,...
Основы Python Часть I
Основы Python Часть I
Вы когда-нибудь задумывались, почему в программах на Python вы видите приведенный ниже код?
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
Алиса и Боб имеют неориентированный граф из n узлов и трех типов ребер:
Оптимизация кода с помощью тернарного оператора Python
Оптимизация кода с помощью тернарного оператора Python
И последнее, что мы хотели бы показать вам, прежде чем двигаться дальше, это
Советы по эффективной веб-разработке с помощью Python
Советы по эффективной веб-разработке с помощью Python
Как веб-разработчик, Python может стать мощным инструментом для создания эффективных и масштабируемых веб-приложений.
0
0
22
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Ваша схема, кажется, работает нормально для меня. Единственное, что я заметил, это то, что некоторые круги не отображаются, что может создать впечатление отсутствия данных при чистке. Если вы настроите свой домен так, чтобы он начинался с нуля, они будут отображаться нормально, и все будет работать так, как ожидалось.

введите сюда описание ссылки

Спасибо, Дэвид! Нанс оказался в графе "ветер". Они явно не отображаются с кодировкой размера. Спасибо еще раз.

campo 13.05.2022 02:08

Другие вопросы по теме