正文

掌握Dash，轻松搭建跨平台数据可视化仪表盘

/0 浏览量
0423

Dash 是一个开源的 Python 库，由 Plotly 和 Anaconda 支持开发。它允许用户快速搭建交互式网页仪表盘，非常适合数据科学家、工程师和分析师。以下是掌握 Dash 并搭建跨平台数据可视化仪表盘的详细指南。

Dash 简介

Dash 是基于 Flask 和 Plotly 的，它结合了 Python 的强大数据处理能力和 Plotly 的优雅图表功能。Dash 可以让你创建具有复杂交互性的仪表盘，而无需编写大量的前端代码。

安装 Dash

首先，确保你的 Python 环境已经安装。然后，使用以下命令安装 Dash：

pip install dash

Dash 基础

创建基本的 Dash 应用

import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash(__name__)

app.layout = html.Div([
    dcc.Graph(
        id='example',
        figure={
            'data': [
                {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'SF'},
                {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': 'Montreal'},
            ],
            'layout': {
                'title': 'Dash Data Visualization'
            }
        }
    )
])

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

这段代码创建了一个简单的 Dash 应用，其中包含一个包含两个条形图的图表。

组件

Dash 使用多种组件来构建仪表盘。以下是一些常用的组件：

  • dcc.Graph：用于显示图表。
  • dcc.Interval：用于定时更新图表。
  • dcc.Dropdown：用于创建下拉菜单。
  • dcc.RadioItems：用于创建单选按钮。

高级功能

交互式图表

Dash 的强大之处在于其交互性。你可以通过添加交互式组件来增强仪表盘。

使用 dcc.Interval 更新数据

import dash
from dash.dependencies import Input, Output
import plotly.graph_objs as go
import numpy as np
import pandas as pd
from datetime import datetime

app = dash.Dash(__name__)

app.layout = html.Div([
    dcc.Interval(
        id='interval-component',
        interval=1*1000, # in milliseconds
        n_intervals=0
    ),
    dcc.Graph(
        id='live-graph',
        figure={...}
    )
])

@app.callback(
    Output('live-graph', 'figure'),
    [Input('interval-component', 'n_intervals')]
)
def update_graph_live(n):
    x_data = np.random.rand(n)
    y_data = np.random.rand(n)
    return {
        'data': [
            go.Scatter(
                x=x_data,
                y=y_data,
                name='Scatter',
            )
        ],
        'layout': {
            'title': 'Live Data',
            'xaxis': {'title': 'X Axis'},
            'yaxis': {'title': 'Y Axis'}
        }
    }

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

这段代码创建了一个实时更新的图表。

风格化

你可以使用 dcc.Interval 组件来添加一些自定义样式。

自定义 CSS

app.css.append_css({
    "external_stylesheets": ["https://codepen.io/chriddyp/pen/bWLwgP.css"]
})

这段代码将添加一个外部 CSS 文件。

部署

一旦你的 Dash 应用完成，你可以使用以下命令将其部署到 Heroku：

git init
heroku create
git add .
git commit -m "Initial commit"
git push heroku master
heroku open

总结

Dash 是一个功能强大的工具，可以帮助你创建交互式仪表盘。通过学习本指南，你应该能够开始使用 Dash 来构建自己的数据可视化应用。记住，Dash 的潜力是无限的，你可以通过添加各种组件和自定义功能来扩展你的仪表盘。

-- 展开阅读全文 --