Ploly Dash，更新一个Dash应用程序JJJA上的实时人物？

问题描述

几天后我有一个商业智能面试，他们想让我准备一个仪表盘。我不能使用POWER，BI或Tableau，所以我正在尝试用Ploty Dash建立一些东西，但我并没有用它来构建任何花哨的东西，而且我有一点经验不足。我是网络开发的新手，有数据方面的背景。我希望有人能给我一些启发，教我如何在普洛特利冲刺中练金刚。

我的应用程序布局如下，有人帮我解决了我的下拉问题，问题正在解决，我希望这里的某个天才能帮我解决这个问题。我正在尝试更新的部分是，它显示的是总工作数，然后输入在其他地方计算的值。我知道您会在HTML中使用{{}}，但这会引发错误。

此外，如果你是一名情节复杂的仪表盘向导，请你帮我想办法让我的仪表板以不同的方式布局。布局当前为

图 插图 插图 图

但我在努力让它看起来更像

图 文字插图 图

我喜欢这里的社区是多么令人惊叹，提前感谢你们的帮助。

app.layout = html.Div([
    html.H1("New York City Job Postings", 
    style = {'text-align': 'center', 'font-family': 'Helvetica'}
    ),
    html.P('The total number of jobs is:', {{number_of_jobs}}),
    html.Div(
        className="row",
        children=[
            html.Div(
                className="eight columns",
                children=[
                    html.Div( 
                        #Job postings graph
                                    dcc.Graph(
                                    id='left-graph',
                                    figure=fig,
  
                         )
                    ),
                    #Most job vacancies
                    html.Div(
                        dcc.Graph(
                            id='right-graph',
                            figure=fig5
                        )
                    )
                ]
            ),
            
        ]
    ),
    html.Div(
        className="six columns",
        children=[
                    html.Div(
                        [html.H2('Job posting type report', style
                        ={'margin-right': '2em', 'font-family': 'Helvetica'})
                        ]),
                    dcc.Dropdown(id='report_type', 
                                options=[
                                        {'label': 'Full vs part time ', 'value': 'OPT1'},
                                        {'label': 'Internal vs external', 'value': 'OPT2'}
                                        ],
                                placeholder='Select a report type',
                                multi=False,
                                clearable=False,
                                style={'width':800, 
                                'padding':3, 
                                'font-size':20, 
                                'text-align-last':'center', 
                                'font-family': 'Helvetica'}),

                        dcc.Graph(id='report_type_', figure = {}),
                    

                        #Salary Distributions

                    html.Div(
                        [html.H3('Salary Visuals', style=
                        {'margin-right': '2em', 'font-family': 'Helvetica'}
                                )
                            ]
                        ),
                    dcc.Dropdown(id='salary_visuals', 
                                options=[
                                        {'label': 'Distribution Plot', 'value': 'OPT1'},
                                        {'label': 'Box Plot', 'value': 'OPT2'}
                                        ],
                                placeholder='Select a report type',
                                multi=False,
                                clearable=False,
                                style={'width':800, 
                                'padding':3, 
                                'font-size':20, 
                                'text-align-last':'center', 
                                'font-family': 'Helvetica'
                                        }
                                ),

                        dcc.Graph(id='salary_distribution', 
                        figure = {}
    )])
])

---

解决方案

欢迎来到Dash社区@user14219014，

如果因为不需要用户交互而不需要使用回调，可以这样做：

jobs = len(df)
html.P('The total number of jobs is: {}'.format(jobs))