plotly - Plotly Dash 中具有日历布局的网格组件
问题描述
我正在寻找 dash 组件,它允许我创建带有周或月日历视图的网格布局,并且能够滚动到下周/月。
完成这样的事情的最佳方法是什么?
我想要从第二天开始到 60 天的固定数量的网格。正如另一个类似问题中所建议的那样,我正在使用dbc.Card, dbc.Row, dbc.Col
它来创建网格布局。
import dash_bootstrap_components as dbc
import dash_html_components as html
from datetime import datetime
def cr(title, id, value, text):
return dbc.Card(
dbc.CardBody(
[
html.H4(title, id="{}-title".format(id),
html.H2(value, id="{}-value.format(value)"),
html.P(text, id="{}-text".format(text)
]
)
)
dbc.Col(
html.Div([
dbc.Row([
dbc.Col(children=[cr(i) for i in range(7)])
]),
dbc.Row([
dbc.Col(children=[cr(i) for i in range(7)])
]),
dbc.Row([
dbc.Col(children=[cr(i) for i in range(7)])
])
])
),
我没有为 60 天的每一天创建一张卡片,而是尝试通过回调以编程方式执行此操作。cr
函数生成一系列cards
,我想如何将参数传递给 card 函数以使其填充。例如,Title
参数为datetime.today().strftime('%Y-%m-%d'),即次日
解决方案
推荐阅读
- android - 多次使用 Glide 将图像作为位图加载到 imageview 中
- android - 在 XML 布局中找不到 DatePicker
- java - recyclerview 在滚动时返回相同的位置
- angular - 在 Angular 5 中使用 cytoscape-popper 扩展
- node.js - Npm start 在我的 Windows 机器上运行多个 Node 进程实例
- arrays - 在 reactjs 的数组中查找一个值
- nginx - nginx lua 读取内容编码头
- android - DownloadManager 中的 Content-Disposition 响应标头
- php - 用瑞典语写出工作日名称时出现编码错误(PHP/Wordpress)
- java - 服务中的“@IgniteInstanceResource var ignite: Ignite”为空