标签: plotly-dash

是否可以为烛台定义自定义颜色？我们希望根据我们自己的业务规则为它们着色，而不是 Plotly 默认应用的“增加”和“减少”规则。

我正在尝试根据https://dash-bootstrap-components.opensource.faculty.ai/examples/graphs-in-tabs/#sourceCode中的参考代码构建多选项卡破折号应用程序

我的要求是将按钮放在直方图选项卡页面内，而不是主页上。我修改了参考代码来实现这一点。下面是修改后的代码。

从 app.layout 中注释掉并将选项卡内的 dbc.Button 移动为第一列（回调修改）：

@app.callback(
    Output("tab-content", "children"),
    [Input("tabs", "active_tab"), Input("store", "data")],
)
def render_tab_content(active_tab, data):
    """
    This callback takes the 'active_tab' property as input, as well as the
    stored graphs, and renders the tab content depending on what the value of
    'active_tab' is.
    """
    if active_tab and data is not None:
        if active_tab == "scatter":
            return dcc.Graph(figure=data["scatter"])
        elif active_tab == "histogram":
                return dbc.Row(
                    [
                 #Modified to add the Button inside the Tab
                        dbc.Col(dbc.Button(
                        "Regenerate graphs",
                        color="primary", …

我想将我的 gif 传递给加载器组件，而不是使用默认的数字。有人知道该怎么做吗？

这是我的代码：

dcc.Loading(
    id="loading-1",
    type="default",
    children=html.Div(id="loading-output-1"),
)

我正在尝试完成这样的事情：

dcc.Loading(
    id="loading-1",
    type="assets/dashboard_loader.gif",
    children=html.Div(id="loading-output-1"),
)

有人可以指导我吗？

我有一个graph在回调时触发的组件。这是我从回调函数绘制直方图的代码。

xtup = np.random.lognormal(90, 3, size=1000)
xtup = list(map('{:.0f}'.format,xtup[0]))
xarr = np.asarray(xtup).astype(np.float)

data = [go.Histogram(
                     x = xarr,
                     nbinsx=50,
                     marker=dict(color="rgb(105,105,105)",
                                 opacity=0.5
                                ),

       )]

layout = {
            "xaxis": {'title': 'Values',
                      'tickformat': '${:,.0f}'
                      #'range': [xarr.min(), xarr.max()]
                     },
            "title": "Distribution",
            "width": 650,
            "height": 400,
            "autosize": True
}

return{'data':data, 'layout':layout}

我想在分布的平均值处添加一条垂直虚线。

拥有数据 df，执行以下操作：

fig=px.line(df, x='date', y='px', color='description') 

下图的渲染效果如所附图像。这是预期的行为吗？如何使点仅按时间顺序连接？

我想更改使用 Dash-Plotly 和 python 开发的网页选项卡上显示的名称和图标。

任何帮助将不胜感激。

我有 Dash 应用程序，我正在尝试更改下拉列表的颜色，使其在“粗体”中具有黑色背景和白色文本。\n以下是带有下拉参数的代码部分：

dcc.Dropdown(\n        id=\'langue_dropdown\',\n        options=[{\'label\': i, \'value\': i}\n                 for i in langues],\n        value=\'fr\',\n        placeholder="langue"),\n        style={\'font-family\': \'arial\', "font-size": "1.2em",\n               \'marginBottom\': 10, \'marginTop\': 2, \'text-align\': \'center\'})\n

当我更改代码以获得黑色背景时，代码：

dcc.Dropdown(\n        id=\'langue_dropdown\',\n        options=[{\'label\': i, \'value\': i}\n                 for i in langues],\n        value=\'fr\',\n        placeholder="langue"),\n        style={\'font-family\': \'arial\', "font-size": "1.2em",\n               \'marginBottom\': 10, \'marginTop\': 2, \'text-align\': \'center\',"background-color":"#151515", "color": "white"})\n

我没有得到预期的结果，列表菜单的背景没有变成黑色？\n

我\xe2\x80\x99m是Dash和plotly的新手，并且\xe2\x80\x99t对CSS样式表有很多经验，所以请让我知道我是否有\xe2\x80\x99t提供的基本信息。

谢谢。

我在Dash上的绘图遇到布局困难。我使用Dash生成的所有图似乎都自动调整为非常狭窄的大小，这使得在没有某些创意缩放的情况下很难实际查看数据。

例如，当我在其中一个破折号上查看源代码时，看起来它计算出主绘图容器（svg容器）的高度为450px，图形本身的高度为270px（查看子图） ）。如果可以制作图表，例如700px，那就太好了。

我的问题是：在Dash上调整图表尺寸的最佳方法是什么？我的第一个猜测是以某种方式附加样式表，但是我不确定合适的CSS选择器如何或怎样。

谢谢！

我想获取输入x并y从用户输入到文本框。

if x + 2*y 3*x*y > 100:
    print('Blurb 1')
else:
    print('Blurb 2')

这似乎与回调等混杂在一起，即使它可以是独立的并且非常简单。有没有一种简单的方法可以在 Web 应用程序中执行此操作？我发现的其他资源似乎假设了一个更复杂的目标，所以我很好奇可以削减多少代码。

我正在使用 Dash 构建用于将数据发送到远程服务器的 GUI。更新过程是异步的 - 因为加载数据可能需要时间。用户按下仪表板 GUI 上的按钮后，它会将远程服务器上的数据保存为 CSV 文件，保存文件后，它会告诉服务器（使用 API）开始运行上传过程。我想使用每 5 秒触发一次的回调向用户显示上传进度。我在 Dash 的网站上找不到任何关于此类回调的文档。是否有任何方法可以每 X 秒触发一次回调？