标签: plotly-dash

我想在 Gunicorn 上部署一个 dash 应用程序。但我不能这样做。当我执行以下命令时，我在屏幕上没有看到任何错误gunicorn <module_name>:<variable_name>

版本：

\n
• 枪兽 (20.0.4)
\n
• 破折号（1.17.0）
\n
• 破折号核心组件 (1.13.0)
\n
• dash-html-组件 (1.1.1)
\n
• 破折号渲染器 (1.8.3)
\n
• 破折号表 (4.11.0)
\n

我的破折号应用程序，文件名：analyzer.py

import dash_core_components as dcc\nimport dash_html_components as html\nfrom dash.dependencies import Input, Output\nimport pandas as pd\nimport flask\n\n<data_frame definitions>\n\n\napp = dash.Dash()\nserver = app.server\n\n<app.layout>\n\n<Call backs>\n\n## at the end\n\nif __name__ == '__main__':\n    app.run_server()\n

当我使用以下命令时，我在屏幕上看不到任何错误，但我仍然可以\xe2\x80\x99t从浏览器访问该应用程序。

[user1@myHost]$ gunicorn analyzer:server -b:8000\n\n[2021-04-16 16:57:58 +0200] [8334] [INFO] Starting gunicorn 20.0.4\n[2021-04-16 16:57:58 +0200] [8334] [INFO] Listening at: …

我对“孩子”在 Dash html 中所做的事情感到非常困惑。为什么它存在？你为什么要使用它？我尝试阅读文档，但没有多大帮助。

参考下面的代码块：

• 儿童财产在第一行到底做了什么？
• 你不能用“图形”之类的东西来代替孩子吗？

代码块：

app.layout = html.Div(children=[
    # TODO1: Add title to the dashboard
    html.H1("Airline Dashboard by CK", style = {'text-align':'center'}),
    # REVIEW2: Dropdown creation
    # Create an outer division
    html.Div([
        # Add an division
        html.Div([
            # Create an division for adding dropdown helper text for report type
            html.Div(
                [
                    html.H2('Report Type:', style={'margin-right': '2em'}),
                ]
            ),
            # TODO2: Add a dropdown
                dcc.Dropdown(id = 'input-type',
                    options = [{'label':'Yearly Airline Performance Report', 'value': 'OPT1'},
                    {'label':'Yearly Average Flight Delay …

我现在想要停止 dash 在我的本地主机上运行并想要更改代码，然后再次运行它并查看更新（如果 debug = True，ps dash 不会运行）。

CTRL+C 选项不起作用，破折号也不会停止。如果我尝试更改代码然后再次运行它，它将不起作用。

预先感谢您的回复和帮助！

如果你\xe2\x80\x99和我一样，你喜欢Plotly Express，但是当你遇到Express返回的数字可以\xe2\x80\x99t利用\xe2\x80\x98make_subplots()\xe2\x80的问题时感到沮丧\x99 因为 make_subplots 接受的是痕迹而不是数字。在这篇文章中，我\xe2\x80\x99d想分享我自己的解决方案，关于如何仅使用Plotly Express（和plotly.subplots）创建包含两种不同类型的图形（如下所示）的子图

我编写了以下 Web 应用程序来对两个视频执行姿势检测。例如，其想法是在第一个中提供基准视频，在第二个中提供用户视频（预先录制的视频或他们的网络摄像头视频），然后比较两者的动作。

import dash, cv2
import dash_core_components as dcc
import dash_html_components as html
import mediapipe as mp
from flask import Flask, Response

mp_drawing = mp.solutions.drawing_utils
mp_pose = mp.solutions.pose

class VideoCamera(object):
    def __init__(self, video_path):
        self.video = cv2.VideoCapture(video_path)

    def __del__(self):
        self.video.release()

    def get_frame(self):
        with mp_pose.Pose(min_detection_confidence=0.5, min_tracking_confidence=0.5) as pose:
            success, image = self.video.read()

            # Recolor image to RGB
            image = cv2.cvtColor(image, cv2.COLOR_BGR2RGB)
            image.flags.writeable = False
          
            # Make detection
            results = pose.process(image)
        
            # Recolor back to BGR
            image.flags.writeable = True
            image = cv2.cvtColor(image, …

我在 Dash 应用程序上创建了一个绘制清晰的面积图。该图表工作正常，但 x 轴上的第一个点和最后一个点似乎超出了图表，只能看到一半（如附加屏幕截图所示）。我也尝试过更改图形的宽度和高度值，但似乎没有任何效果。我是 python 和 dash 的新手，所以任何帮助将不胜感激，还发布了我关于堆栈溢出的第一个问题，所以如果我错过了任何内容或没有正确完成，我深表歉意。

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output, State
import plotly.express as px
import pandas as pd
import pyodbc
import dash_bootstrap_components as dbc
from datetime import datetime as dt
from app import app




page2 = html.Div(
    [

     
        dbc.Row(
            [
                dbc.Col(
                        # dbc.Card(
                                    html.Div(

                                        id="opportunity_heatmap",
                                        className="chart_div pretty_container",
                                        children = [
                                            dcc.Graph(id='my_graph',
                                                    
                                                      config={
                                                        'staticPlot': False,     # True, False
                                                        'scrollZoom': True,      # True, False
                                                        'doubleClick': 'reset',  # …

我正在尝试使用破折号和引导网格创建仪表板。这是我想要实现的目标：

根据文档（https://dash-bootstrap-components.opensource.faculty.ai/docs/components/layout/）我可以在行中创建列，但是有没有办法在列中创建行？我需要我的图表跨越前一列的两“行”。我想这可以通过以下方式实现：

dbc.Col([dbc.Row([content]),dbc.Row([content]),dbc.Row([content])]),
dbc.Col([dbc.Row([content]),dbc.Row([content]),dbc.Row([content])]),
dbc.Col([dbc.Row([content]),dbc.Row([content])])

然而，这些柱子只是相互堆叠。这是我的前两列的代码：

    app.layout =   dbc.Col([
    dbc.Col([ html.H1("temp1",style={'textAlign': 'center' ,'height':'5%','margin-top': '30px', 'margin-bottom': '25px','font-family': 'Consolas'}),
                        dbc.Card(
                            [
                                dbc.CardBody(
                                    [
                                        html.H4(id='card_title_1', children=['Sales'], className='card-title'),
                                        html.P(id='card_text_1', children=['Sample text.'])
                                    ], style={'textAlign': 'center','font-family': 'Consolas'}
                                )
                            ], style={'margin-top': '15px', 'margin-bottom': '15px','height':'30%'}
                        ),
                        dbc.Card(
                            [
                                dbc.CardBody(
                                    [
                                        html.H4(id='card_title_2', children=['Eng'], className='card-title'),
                                        html.P(id='card_text_2', children=['Sample text.']),
                                    ], style={'textAlign': 'center','font-family': 'Consolas'}
                                )
                            ], style={'margin-top': '15px', 'margin-bottom': '15px','height': '30%'}
                        ),
                        dbc.Card(
                            [
                                dbc.CardBody(
                                    [
                                        html.H4(id='card_title_3', children=['Diff'], className='card-title'),
                                        html.P(id='card_text_3', children=['Sample text.']),
                                    ], style={'textAlign': 'center','font-family': 'Consolas'}
                                )
                            ], style={'margin-top': '15px', …

我在 python 中使用破折号。我正在绘制正在记录到 SQLite 数据库中的实时数据，目前，我正在绘制单个值与时间线图。我计划为此添加 20 个以上的图表，但目前，随着时间的增加，绘图变得更慢，我认为这是由于再次重新绘制了整个绘图。那么有人可以告诉我是否有有效的方法来做到这一点吗？我是仪表板新手，所以任何帮助对我来说都是很大的帮助。

谢谢。

import random
import dash
import plotly
import plotly.graph_objs as go
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Output, Input

X = list()
X.append(0)
Y = list()
Y.append(0)
app = dash.Dash(__name__, suppress_callback_exceptions=True,)
app.layout = html.Div([html.Div([
    dcc.Graph(id='live-graph'),
    dcc.Interval(
        id='graph-update',
        interval=0.05 * 1000
    ),
])
])

latest_sno = 0


@app.callback(Output('live-graph', 'figure'),
              [Input('graph-update', 'n_intervals')])
def update_graph_scatter(input_data):
    X.append(X[-1]+1)
    Y.append(0+random.randint(-2,2))
    data = plotly.graph_objs.Scatter(
        x=X,
        y=Y,
        name='lines',
        mode='lines'
    )
    if (len(X)) > 1000:
        x_l = …

我是达世币新手。我正在 Dash 中开发一个应用程序，它使用基本身份验证（Dash-Auth）进行登录。我向用户提供预定义的用户名和密码。我使用用户名跟踪登录用户。我的问题是，如何在不关闭浏览器的情况下从应用程序中注销用户？我的意思是如何删除用户凭据，以便当用户下次尝试登录时，系统将再次提示用户输入用户名和密码？

我正在使用 jupyter-dash 在 jupyter 笔记本上开发 dash 项目。每次更新代码时，我都必须终止内核，然后重新启动 jupyter 笔记本才能使更改的代码正常工作。否则，破折号网页会显示双重加载错误。我想知道是否有一种方法可以在不重新启动内核的情况下刷新 jupyter-dash 服务器？