向Dash / Plotly应用添加表单

Question

好，所以我想再走一步。我不知道是否可以用破折号。 我想创建一个表单（可能是Flask的WTForm）。 表单应包含date和annotation/comments部分。 当有人提交表单时，它将保存到数据库中。 然后破折号将读取它并显示在图形上。 我的图看起来像这样： 在x-axis上将是FlaskForm的date，代表事件已存储在数据库中，当我将鼠标悬停在确切的annotation上时，date将显示在图形本身中 与此类似：

现在，您能否告诉我是否可行？我应该使用什么工具？这只是一个概念，但我认为这对每个人都会有帮助。

Answer 1

在情节中，您可以使用注释显示文本。示例：

import plotly.plotly as py
import plotly.graph_objs as go

trace1 = go.Scatter(
    x=[0, 1, 2, 3, 4, 5, 6, 7, 8],
    y=[0, 1, 3, 2, 4, 3, 4, 6, 5]
)

trace2 = go.Scatter(
    x=[0, 1, 2, 3, 4, 5, 6, 7, 8],
    y=[0, 4, 5, 1, 2, 2, 3, 4, 2]
)

data = [trace1, trace2]

layout = go.Layout(
    showlegend=False,
    annotations=[
        dict(
            x=2,
            y=5,
            xref='x',
            yref='y',
            text='max',
            showarrow=True,
            arrowhead=7,
            ax=0,
            ay=-40
         )
    ]
)

fig = go.Figure(data=data, layout=layout)

iplot(fig)

Ref：https://plot.ly/python/text-and-annotations

希望能回答您的问题。另请参阅散点图中的mode='lines+markers+text'（plotly文档的Adding Text to Data in Line and Scatter Plots部分）

Answer 2

这里晚了很多，但是请从dash-bootstrap-components中检查dbc.Input。

https://dash-bootstrap-components.opensource.faculty.ai/l/components/input

有表单类型，输入等。

我该怎么做是添加一些输入等，以及一个提交按钮。提交按钮将触发创建图形，添加相关内容并将图形返回到图形的功能。