如何在具有相同 x 轴的热图下方添加线图？

Question

我正在使用 x 轴为日期的 plotly 热图。现在我想在热图下方添加一个具有相同日期颜色轴的时间线图，以便热图和线图的 x 轴对齐。怎么做？谢谢

Answer 1

创建一个图形来包含您的痕迹
将热图和线图中的痕迹添加到适当的子图中
使用 fig.update_traces(xaxis="x")

import plotly.express as px
from plotly.subplots import make_subplots
import pandas as pd
import numpy as np

df = pd.DataFrame(
    index=pd.date_range("1-jan-2022", periods=15),
    data={c: np.random.randint(1, 10, 15) for c in list("ABCD")},
)

fig = make_subplots(rows=2, cols=1)
for t in px.imshow(df.values.T, x=df.index, y=df.columns).data:
    fig.add_trace(t, row=1, col=1)

for t in px.line(df, y=df.columns).data:
    fig.add_trace(t, row=2, col=1)

fig.update_traces(xaxis="x")
fig.update_layout(
    coloraxis_colorbar={"len": 0.5, "yanchor": "bottom"},
    legend={"yanchor": "top", "y": 0.5, "tracegroupgap": 0},
)

如何在具有相同 x 轴的热图下方添加线图？

How to add line plot below heatmap with same x axis?

plotly