实际Dash API文档

Question

最近，我开始使用破折号开发我的第一个仪表板应用程序。

这些教程是可以理解的，但是，我很难处理前端的细节，因为我找不到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 (list；可选)和min_width (number；可选)。

如果您需要更复杂的样式(例如，对于所有的偶数表格单元格都是线性梯度的黄色背景)，那么恐怕您必须了解一些CSS。

一些额外资源：

• 目前，Dash样式指南基于框架CSS框架
• 每个dcc.Graph由一个图形和一个布局组成。这是plotly.js图形参考
• 对于诸如显示/隐藏传说、跟踪等内容，请查看plotly.js配置选项

Answer 2

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

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

获得帮助的唯一途径是破折号社区和git代码项目。

Answer 3

如果您需要在破折号中使用python对象的帮助，那么只需使用：

help(html.Div)

若要获取参数列表，请执行以下操作。

如果您想知道样式参数中可以放置什么，答案是any，可以生成所有css。你可以定制你想要的样子--这是语法.

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

样式参数例外于字典对象。为了呈现CSS，需要使用上面的语法，这将创建python字典对象。