Plotly Dash API 文档答案

【问题标题】：Plotly Dash API documentationPlotly Dash API 文档
【发布时间】：2018-04-09 10:37:02
【问题描述】：

我最近开始使用dash 开发我的第一个仪表板应用程序。

这些教程很容易理解，但是我很难处理前端细节，因为我找不到 API 参考。具体来说，每个元素都接受一个 style 参数，让我们修改一些 CSS 细节，如文本对齐、字体等。我在教程中看到了一些示例，但我希望有一个详尽的列表，列出我可以传递的所有内容。

例如，我想创建一个表，但列太靠近。我需要控制它们之间的间距，我想应该有一个像padding、spacing、borderSize 这样的参数......你明白了。在哪里可以找到这些详细信息？

【问题讨论】：

【解决方案1】：

可以通过将一些关键字传递给 Dash 组件来编辑一些样式。这取决于组件本身。

例如，如果您使用来自dash-table-experiment 的DataTable：

import dash_table_experiments as dt
help(dt.DataTable)

你可以看到这个组件的API允许你设置column_widths（列表；可选）和min_width（数字；可选）。

如果您需要一些更复杂的样式（例如，所有偶数表格单元格的黄色背景和线性渐变），恐怕您必须了解一些 CSS。

一些额外的资源：

【讨论】：

【解决方案2】：

似乎dash项目没有创建用户友好的API文档（我猜这与他们的业务战略有关）。

获得帮助的唯一方法是 dash 社区和 git-code 项目。

【讨论】：

【解决方案3】：

如果您需要 dash 中的 python 对象方面的帮助，请使用：

help(html.Div)

获取参数参数列表。

如果您想知道可以在样式参数中放置什么，答案是任意的，并且可以生成所有 css。您可以随意自定义外观，这里是语法...

style={
 'border':'1px solid #333', 
 'margin':'10px', 
 'padding':'10px', 
 'background-color':'#888',
 'position':'absolute',
},

样式参数不包括字典对象。为了让你的 CSS 被渲染，它需要符合上面的语法，这将创建一个 python 字典对象。

【讨论】：