Plotly：如何在指定点添加垂直线？

Question

我有一个时间序列的数据框图以及一个数值列表，我想在其中绘制垂直线。该图是使用 cufflinks 包创建的交互式图。这是一个包含 1000 个时间值的三个时间序列的示例，我想在 500 和 800 处绘制垂直线。我使用“axvlinee”的尝试是基于我在类似帖子中看到的建议：

import numpy as np
import pandas as pd
import cufflinks

np.random.seed(123)
X = np.random.randn(1000,3)  
df=pd.DataFrame(X, columns=['a','b','c'])
fig=df.iplot(asFigure=True,xTitle='time',yTitle='values',title='Time Series Plot')
fig.axvline([500,800], linewidth=5,color="black", linestyle="--")
fig.show()

错误消息指出“Figure”对象没有属性“axvline”。

我不确定这条消息是由于我对基本图缺乏了解还是源于使用 igraph 的限制。

Answer 1

答案：

要向现有绘图添加一条线，只需使用：

fig.add_shape(type='line',...)

细节：

我猜这是您在混合 matplotlib 后看到的帖子。正如评论中所述，axvline与情节无关。这仅用作如何使用 matplotlib 完成此操作的示例。使用情节，我要么选择fig.add_shape(go.layout.Shape(type="line"). 但在您亲自尝试之前，请注意它cufflinks已被弃用。我真的很喜欢袖扣，但现在有更好的选择来构建快速和详细的图表。如果您想坚持使用类似于 的单行代码iplot，我建议使用plotly.express. 您的情况的唯一障碍是将数据集从宽格式更改为plotly.express. 下面的代码片段正是这样做的，以生成以下图：

代码：

import numpy as np
import pandas as pd
import plotly.express as px
from plotly.offline import iplot
#
np.random.seed(123)
X = np.random.randn(1000,3)  
df=pd.DataFrame(X, columns=['a','b','c'])
df['id'] = df.index
df = pd.melt(df, id_vars='id', value_vars=df.columns[:-1])

# plotly line figure
fig = px.line(df, x='id', y='value', color='variable')

# lines to add, specified by x-position
lines = {'a':500,'c':700,'a':900,'b':950}

# add lines using absolute references
for k in lines.keys():
    #print(k)
    fig.add_shape(type='line',
                yref="y",
                xref="x",
                x0=lines[k],
                y0=df['value'].min()*1.2,
                x1=lines[k],
                y1=df['value'].max()*1.2,
                line=dict(color='black', width=3))
    fig.add_annotation(
                x=lines[k],
                y=1.06,
                yref='paper',
                showarrow=False,
                text=k)
fig.show()