Altair

Question

我想创建一个面积图，但是从直线到图表顶部的渐变应该运行。有什么想法吗？

此处为常规渐变图表示例https://altair-viz.github.io/gallery/area_chart_gradient.html

alt.Chart(source).transform_filter(
    'datum.symbol==="GOOG"'
).mark_area(
    line={'color':'darkgreen'},
    color=alt.Gradient(
        gradient='linear',
        stops=[alt.GradientStop(color='white', offset=0),
               alt.GradientStop(color='darkgreen', offset=1)],
        x1=1,
        x2=1,
        y1=1,
        y2=0
    )
).encode(
    alt.X('date:T'),
    alt.Y('price:Q')
)

Answer 1

您可以通过将 y2 编码设置为 alt.value(0) 来做到这一点——本例中的零测量图表轴顶部的像素：

import altair as alt
from vega_datasets import data

source = data.stocks()

alt.Chart(source).transform_filter(
    'datum.symbol==="GOOG"'
).mark_area(
    line={'color':'darkgreen'},
    color=alt.Gradient(
        gradient='linear',
        stops=[alt.GradientStop(color='white', offset=0),
               alt.GradientStop(color='darkgreen', offset=1)],
        x1=1,
        x2=1,
        y1=1,
        y2=0
    )
).encode(
    alt.X('date:T'),
    alt.Y('price:Q'),
    y2=alt.value(0)
)

Altair - 渐变线以上

Altair - Gradient above line