Altair 中具有自定义置信区间的折线图

Question

假设我有以下数据框：

我检查了文档，但它仅基于单列。

可重现的代码：

x = np.random.normal(100,5,100)
data = pd.DataFrame(x)
epsilon = 10
data.columns = ['x']
data['lower'] = x - epsilon
data['upper'] = x + epsilon
data

我实际上喜欢使用 altair，因为我喜欢它的交互性。

Answer 1

您可以将折线图和面积图分层，使用y和y2编码来指定范围：

import altair as alt
import pandas as pd
import numpy as np

x = np.random.normal(100,5,100)
epsilon = 10
data = pd.DataFrame({
    'x': x,
    'lower': x - epsilon,
    'upper': x + epsilon
}).reset_index()

line = alt.Chart(data).mark_line().encode(
    x='index',
    y='x'
)

band = alt.Chart(data).mark_area(
    opacity=0.5
).encode(
    x='index',
    y='lower',
    y2='upper'
)

band + line