Plotly Dash API 文档
Plotly Dash API documentation
我最近开始使用 dash 开发我的第一个仪表板应用程序。
这些教程很容易理解,但是,我很难处理前端细节,因为我找不到 API 参考。具体来说,每个元素都接受一个 style
参数,让我们修改一些 CSS 细节,比如文本对齐、字体等。我在教程中看到了一些例子,但我希望有一个详尽的列表我可以过去
例如,我想创建一个 table,但列靠得太近了。我需要控制它们之间的间距,我想应该有一个像 padding
、spacing
、borderSize
这样的参数……你明白了。我在哪里可以找到这些详细信息?
可以通过将一些关键字传递给 Dash 组件来编辑一些样式。这取决于组件本身。
例如,如果您使用来自 dash-table-experiment
的 DataTable
:
import dash_table_experiments as dt
help(dt.DataTable)
您可以看到该组件的 API 允许您设置 column_widths
(列表;可选)和 min_width
(数字;可选)。
如果您需要一些更复杂的样式(例如,所有 table 单元格的线性渐变黄色背景)恐怕您必须了解一些 CSS.
一些额外的资源:
- 目前 Dash 样式指南基于 Skeleton CSS framework
- 每个
dcc.Graph
由一个图形和一个布局组成。这是 plotly.js figure reference
- 对于 showing/hiding 图例、痕迹等内容,请查看 plotly.js configuration options
如果您需要有关 python 破折号中对象的帮助,那么只需使用:
help(html.Div)
获取参数参数列表。
如果您想知道可以在样式参数中放置什么,答案是可以生成所有 css。您可以根据需要自定义外观,这里是语法...
style={
'border':'1px solid #333',
'margin':'10px',
'padding':'10px',
'background-color':'#888',
'position':'absolute',
},
样式参数不包括字典对象。为了呈现你的 CSS 它需要在上面的语法中,这将创建一个 python 字典对象。
- HTML:https://github.com/plotly/dash-html-components
- 对于组件:https://github.com/plotly/dash-core-components
似乎 dash 项目没有创建用户友好的 API 文档(我猜这与他们的业务策略有关)。
获得帮助的唯一途径是 dash 社区和 git-code 项目。
我最近开始使用 dash 开发我的第一个仪表板应用程序。
这些教程很容易理解,但是,我很难处理前端细节,因为我找不到 API 参考。具体来说,每个元素都接受一个 style
参数,让我们修改一些 CSS 细节,比如文本对齐、字体等。我在教程中看到了一些例子,但我希望有一个详尽的列表我可以过去
例如,我想创建一个 table,但列靠得太近了。我需要控制它们之间的间距,我想应该有一个像 padding
、spacing
、borderSize
这样的参数……你明白了。我在哪里可以找到这些详细信息?
可以通过将一些关键字传递给 Dash 组件来编辑一些样式。这取决于组件本身。
例如,如果您使用来自 dash-table-experiment
的 DataTable
:
import dash_table_experiments as dt
help(dt.DataTable)
您可以看到该组件的 API 允许您设置 column_widths
(列表;可选)和 min_width
(数字;可选)。
如果您需要一些更复杂的样式(例如,所有 table 单元格的线性渐变黄色背景)恐怕您必须了解一些 CSS.
一些额外的资源:
- 目前 Dash 样式指南基于 Skeleton CSS framework
- 每个
dcc.Graph
由一个图形和一个布局组成。这是 plotly.js figure reference - 对于 showing/hiding 图例、痕迹等内容,请查看 plotly.js configuration options
如果您需要有关 python 破折号中对象的帮助,那么只需使用:
help(html.Div)
获取参数参数列表。
如果您想知道可以在样式参数中放置什么,答案是可以生成所有 css。您可以根据需要自定义外观,这里是语法...
style={
'border':'1px solid #333',
'margin':'10px',
'padding':'10px',
'background-color':'#888',
'position':'absolute',
},
样式参数不包括字典对象。为了呈现你的 CSS 它需要在上面的语法中,这将创建一个 python 字典对象。
- HTML:https://github.com/plotly/dash-html-components
- 对于组件:https://github.com/plotly/dash-core-components
似乎 dash 项目没有创建用户友好的 API 文档(我猜这与他们的业务策略有关)。
获得帮助的唯一途径是 dash 社区和 git-code 项目。