如何在 Dash 回调值之前显示一些文本？

Question

使用 Plotly Dash，我有行 html.H6(id='output_div') 显示一个整数（比如 10）。

我想在该整数之前显示一些文本（比如“这是整数”）。我不能在回调函数中使用 {}.format()，因为我需要在另一个回调函数中输入那个整数。

如何修改 html.H6(id='output_div') 以在一行中显示“这是整数 10”而不是“10”？

Answer 1

使用 html.Span 是一种方法。

您的布局将包含：

html.H6(
    id='output-1',
    children=[
        'This is integer ',
        html.Span(id='output-2', children=''),
    ]
)

并且您的回调输出仅将整数输出到 'output-2'。然后，您可以在其他地方使用 'output-2' 的 children 作为 Input 将该整数读回到回调中。如果您需要将 'output-1' children 属性更改为 "This is a float" 或 "This is a string".

之类的内容，您还可以更新它

如何在 Dash 回调值之前显示一些文本？

How to display some text before a value from a Dash callback?

html

python

dashboard

plotly-dash