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

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

0 голосов
/ 01 ноября 2018

Может ли Альтаир наносить полосы на оси у, аналогично в этом примере 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)

plot_rect with fixed y and y2

1 Ответ

0 голосов
/ 08 ноября 2018

Я думаю, что проблема, когда вы задаете значение с помощью 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)

enter image description here

Второй вариант, если вы не хотите / не можете создать фрейм данных, это использовать 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)

enter image description here

Первоначальный ответ

Я бы сделал 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)

altair_plot_with_band

...