为什么Plotly / Dash混合图形和表子图在添加hline或vline时中断?

Question

这是一个5 x 3的subplot布局如下:

fig = make_subplots(rows=5, cols=3,
specs=[[{'secondary_y': True}, {'secondary_y': False}, {'type': 'table'}],
[{'secondary_y': False}, {'secondary_y': False}, {'secondary_y': False}],
[{'secondary_y': False}, {'secondary_y': False}, {'secondary_y': False}],
[{'secondary_y': False}, {'secondary_y': False}, {'secondary_y': False}],
[{'secondary_y': False}, {'secondary_y': False}, {'secondary_y': False}]],
shared_xaxes=True, shared_yaxes=True,
vertical_spacing=0.01, horizontal_spacing=0,
row_heights=[0.775, 0.15, 0.025, 0.025, 0.025], column_widths=[0.8, 0.1, 0.1])

我们按如下方式添加子图:

fig.add_trace(go.Scatter(x= ... row=1, col=1)
fig.add_trace(go.Scatter(x= ... row=1, col=2)
fig.add_trace(go.Scatter(x= ... row=2, col=1)
fig.add_trace(go.Scatter(x= ... row=3, col=1)
fig.add_trace(go.Scatter(x= ... row=4, col=1)
fig.add_trace(go.Scatter(x= ... row=5, col=1)

在位置row=1col=3放一张表

fig.add_trace(go.Table(header=dict(line=dict(color='red'),
fill=dict(color='red')),
cells=dict(values=[df.A, df.B])),
row=1, col=3)

这一切都很好。但当我们在左上角的图中加入hline或vline时…

fig.add_vline(x=42, line_width=1, line_dash='dot', line_color='rgba(255, 165, 0, 0.3)', row=1, col=1)

Plotly抛出错误:

_plotly_utils.exceptions.PlotlyKeyError: Invalid property specified for object of type plotly.graph_objs.Table: 'xaxis'
Did you mean "cells"?

无论行方向(h或v)如何，或者如果行被限制为单行和颜色或跨越all颜色，都会发生这种情况。

是我做错了我的规格或布局，或者这可能是一个错误?

Answer 1

我不是plotly的开发人员。这似乎是plotly中的错误。.

• 添加Scatter()迹线，将go.Table()添加到子图，然后添加vline()失败
• 添加Scatter()迹线，添加vline()然后添加Table()子图成功

下面的代码在可复制的示例中显示了这一点，更改表的创建位置意味着成功或失败。我建议有两种方法

1. 提出一个针对plot的错误/问题并等待它被修复
2. 使用workaround创建的内容，按顺序工作

import plotly.graph_objects as go
import pandas as pd
import numpy as np
from plotly.subplots import make_subplots
fig = make_subplots(rows=5, cols=3,
specs=[[{'secondary_y': True}, {'secondary_y': False}, {'type': 'table'}],
[{'secondary_y': False}, {'secondary_y': False}, {'secondary_y': False}],
[{'secondary_y': False}, {'secondary_y': False}, {'secondary_y': False}],
[{'secondary_y': False}, {'secondary_y': False}, {'secondary_y': False}],
[{'secondary_y': False}, {'secondary_y': False}, {'secondary_y': False}]],
shared_xaxes=True, shared_yaxes=True,
vertical_spacing=0.01, horizontal_spacing=0,
row_heights=[0.775, 0.15, 0.025, 0.025, 0.025], column_widths=[0.8, 0.1, 0.1])
for r in range(5):
for c in range(3):
if r==0 and c==2:
if False:
df=pd.DataFrame({"X":np.linspace(0,10,5), "Y":np.random.uniform(2,4,5)})
fig.add_trace(go.Table(header={"values":df.columns}, cells={"values":df.T.values}), row=r+1, col=c+1)
else:
pass
else:
fig.add_trace(go.Scatter(x=np.linspace(0,50,20), y=np.random.uniform(1,5,29)), row=r+1, col=c+1)

fig.add_vline(x=42, line_width=1, line_dash='dot', line_color='rgba(255, 165, 0, 0.3)', row=1, col=1)
# create table after the vline has been added
df=pd.DataFrame({"X":np.linspace(0,10,5), "Y":np.random.uniform(2,4,5)})
fig.add_trace(go.Table(header={"values":df.columns}, cells={"values":df.T.values}), row=1, col=3)