Dash库使用总结

659 阅读3分钟

介绍

官方文档地址:dash.plotly.com/installatio…

基于Dash的Python库通常是为了扩展Dash的功能而开发的,它们提供了额外的组件、布局或者工具,以便更容易地构建复杂和功能丰富的交互式Web应用程序。以下是一些知名的基于Dash的Python库:

  1. dash-bootstrap-components 这个库提供了一套基于Bootstrap框架的组件,使得Dash应用程序可以轻松地使用Bootstrap的样式和组件。它包括了一系列预先构建的布局和组件,如导航栏、表单、按钮等,这些都是为了与Dash兼容而设计的。

  2. dash-core-components 这是Dash的核心组件库,包含了一系列用于构建应用程序的基础组件,如图表、滑块、日期选择器等。这些组件是构建Dash应用程序的基石。

  3. dash-html-components 这个库提供了一套封装了HTML标签的Dash组件,使得开发者可以使用Python代码来构建HTML内容。这些组件代表了HTML的各种基本元素,如DivSpanH1等。

  4. dash-table dash-table是为Dash专门设计的一个高级表格组件,它支持排序、筛选、编辑、样式化以及更复杂的交互功能。这个组件非常适合需要在应用程序中展示和操作大量数据的场景。

  5. dash-cytoscape dash-cytoscape是一个用于创建交互式网络图的Dash组件库。它基于Cytoscape.js,可以用来展示结构化数据,如生物网络、社交网络等。

  6. dash-leaflet dash-leaflet是一个为Dash提供地图显示功能的库,它基于流行的Leaflet.js库。这个库使得在Dash应用中集成地图变得简单,支持各种地图功能,如标记、图层、热点等。

  7. dash-deck dash-deck是一个Dash组件库,它将Uber的deck.gl与Dash集成在一起。deck.gl是一个WebGL-powered的数据可视化框架,专门用于大规模数据集的可视化。

  8. dash-extensions dash-extensions库提供了一系列Dash的扩展组件和工具,包括缓存、服务器端回调、WebSocket支持等,以增强Dash应用的性能和功能。

  9. dash-daq dash-daq是用于创建数据采集应用程序用户界面的组件库。它提供了一系列用于数据采集的控件,如旋钮、开关、仪表盘等。

这些库可以单独使用,也可以组合使用,以创建功能丰富、外观精美的Dash应用程序。开发者可以根据自己的需求选择合适的库来构建应用程序。

Demo1 结合Bootstrap

"""
pip install dash-bootstrap-components
"""

import dash
import dash_bootstrap_components as dbc
import dash_html_components as html

# 选择一个Bootstrap主题
BOOTSTRAP_THEME = dbc.themes.BOOTSTRAP  # 或者选择其他主题,如dbc.themes.CERULEAN

# 设置国内cdn加速
BOOTSTRAP_THEME = 'https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.1/css/bootstrap.min.css'

app = dash.Dash(__name__, external_stylesheets=[BOOTSTRAP_THEME])

app.layout = dbc.Container([
    dbc.Row([
        dbc.Col(html.Div("左侧内容", className="bg-primary text-white text-center p-3"), md=6),
        dbc.Col(html.Div("右侧内容", className="bg-secondary text-white text-center p-3"), md=6)
    ])
], fluid=True)

if __name__ == '__main__':
    app.run_server(debug=True)