Plotly Dash API文档

Question

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

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

作为一个例子，我想通过列创建一个表太靠近了。我需要控制它们之间的间距，我想应该有一个像padding，spacing，borderSize这样的论点......你明白了。我在哪里可以找到这些细节？

Answer 1

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

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

import dash_table_experiments as dt
help(dt.DataTable)

您可以看到此组件的API允许您设置column_widths（列表;可选）和min_width（数字;可选）等内容。

如果你需要一些更复杂的样式（例如所有偶数表单元格的黄色背景和线性渐变），我担心你必须知道一些CSS。

一些额外的资源：

• 目前，Dash样式指南基于Skeleton CSS framework
• 每个dcc.Graph由图形和布局组成。这是plotly.js figure reference
• 对于显示/隐藏图例，痕迹等内容，请查看plotly.js configuration options

Answer 2

• 对于HTML：https://github.com/plotly/dash-html-components
• 对于组件：https://github.com/plotly/dash-core-components

似乎破折号项目没有创建用户友好的API文档（我想它与他们的业务策略有关）。

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

Answer 3

如果你想在破折号中获得python对象的帮助，那么只需使用：

help(html.Div)

获取参数参数列表。

如果您想知道样式参数中可以放置什么，答案是任意的，并且可以生成所有css。您可以根据需要自定义外观...

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

style参数除了字典对象。为了渲染你的CSS，它需要在上面的语法中，这将创建一个python字典对象。