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

【问题标题】：Python Plotly-Dash remove "inline" from checklist so items are on separate linesPython Plotly-Dash 从清单中删除“内联”，因此项目位于单独的行中
【发布时间】：2020-03-01 05:05:13
【问题描述】：

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

有什么想法吗？这是我的代码：

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.x bootstrap-4 plotly-dash

【解决方案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')
),

【讨论】：