python-3.x - Python Plotly-Dash 从清单中删除“内联”，因此项目位于单独的行中

Question

我正在使用 Plotly 的 Dash 库创建一个清单，我希望每个项目都在自己的行中，但我不知道如何。请注意下图中“Delta P (PSI)”和“Horsepower”如何位于同一条线上，这是我不想要的。

有任何想法吗？这是我的代码：

import dash
import dash_html_components as html
import dash_core_components as dcc

# Items to chart (checklist), based on unit type
html.Label('Items to Chart'), 

dcc.Checklist(

    options = [
        {'label': 'Delta P (PSI)', 'value': 'dtp'},
        {'label': 'Horsepower', 'value': 'hpe'},
        {'label': 'Hydraulic temp (C)', 'value': 'ht_egas'},
    ], 

    # What to use for className???
    className="checkbox or something..."
),

标签： python-3.xbootstrap-4plotly-dash

Answer 1

我想到了：

labelStyle = dict(display='block') # not 'inline'

https://dash.plot.ly/dash-core-components/checklist

import dash
import dash_html_components as html
import dash_core_components as dcc

# Items to chart (checklist), based on unit type
html.Label('Items to Chart'), 

dcc.Checklist(

    options = [
        {'label': 'Delta P (PSI)', 'value': 'dtp'},
        {'label': 'Horsepower', 'value': 'hpe'},
        {'label': 'Hydraulic temp (C)', 'value': 'ht_egas'},
    ], 

    labelStyle = dict(display='block')
),