如何在Altair图表中绘制y轴带？

Question

Altair是否可以在y轴上绘制类似于this Highcharts example的波段？

文档中的an example显示了如何在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)

初始答案

我会做两件事来模仿您给出的高图表示例。首先，使用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)