Как построить полосы по оси Y в диаграммах Альтаира?

Question

Может ли Альтаир нанести полосы на ось Y, как в этом примере с Highcharts?

В документах есть пример, показывающий, как нарисовать линию на оси Y, но адаптирующий пример для использования plot_rect рисовать группу вместо этого не совсем работает:

import altair as alt
from vega_datasets import data

weather = data.seattle_weather.url

chart = alt.Chart(weather).encode(
    alt.X("date:T")
)

bars = chart.mark_bar().encode(
    y='precipitation:Q'
)

band = chart.mark_rect().encode(
    y=alt.value(20),
    y2=alt.value(50),
    color=alt.value('firebrick')
)

alt.layer(bars, band)

Answer 1

Я думаю, что проблема, когда вы даете значение с alt.value является то, что вы указываете значение в пикселях, начиная с верхней части графика: оно не отображается на данные.

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

Первое решение состоит в том, чтобы создать новый фрейм данных для группы и поместить его поверх столбцов:

import altair as alt
import pandas as pd
from vega_datasets import data

weather = data('seattle_weather')
band_df = pd.DataFrame([{'x_min': weather.date.min(),
                         'x_max': weather.date.max(),
                         'y_min': 20,
                         'y_max': 50}])

bars = alt.Chart(weather).mark_bar().encode(
    x=alt.X('date:T'),
    y=alt.Y('precipitation:Q', title="Precipitation")
)

band_2 = alt.Chart(band_df).mark_rect(color='firebrick', opacity=0.3).encode(
    x='x_min:T',
    x2='x_max:T',
    y='y_min:Q',
    y2='y_max:Q'
)

alt.layer(bars, band_2)

Второй вариант, если вы не хотите / не можете создать фрейм данных, это использовать transform_calculateи вручную указать x а также x2 в диаграмме группы:

bars = alt.Chart().mark_bar().encode(
    x=alt.X('date:T', title='Date'),
    y=alt.Y('precipitation:Q', title="Precipitation")
)

band_3 = alt.Chart().mark_rect(color='firebrick', opacity=0.3).encode(
    x='min(date):T',
    x2='max(date):T',
    y='y_min:Q',
    y2='y_max:Q'
).transform_calculate(y_min='20', y_max='50')

alt.layer(bars, band_3, data=data.seattle_weather.url)

Начальный ответ

Я бы сделал 2 вещи, чтобы имитировать приведенный вами пример старшей диаграммы. Во-первых, используйте transform_calculate установить y_min а также y_max ценности. А во-вторых, я буду использовать mark_rule так что полоса охватывает по оси X, где есть значения. (Я также добавил некоторую непрозрачность и изменил порядок слоев, чтобы полоса была за решеткой.)

import altair as alt
from vega_datasets import data

weather = data.seattle_weather.url

chart = alt.Chart().encode(
    alt.X("date:T")
)

bars = chart.mark_bar().encode(
    y='precipitation:Q'
)

band = chart.mark_rule(color='firebrick',
                       opacity=0.3).encode(
    y=alt.Y('y_min:Q'),
    y2=alt.Y('y_max:Q')
).transform_calculate(y_min="20",
                      y_max="50")


alt.layer(band, bars, data=weather)