Dash Stock Tickers Demo App 使用教程

Dash Stock Tickers Demo App 使用教程

dash-stock-tickers-demo-appDash Demo App - Stock Tickers项目地址:https://gitcode.com/gh_mirrors/da/dash-stock-tickers-demo-app

1. 项目的目录结构及介绍

dash-stock-tickers-demo-app/
├── assets/
│   ├── gitignore
│   └── LICENSE
├── Procfile
├── README.md
├── app.py
├── config.py
├── requirements.txt
├── runtime.txt
├── stock-ticker.csv
└── tickers.csv

目录结构介绍

• assets/: 存放项目的静态资源文件，如图片、样式表等。

  • gitignore: Git忽略文件配置。
  • LICENSE: 项目的开源许可证文件。

• Procfile: 用于Heroku部署的配置文件。

• README.md: 项目的说明文档，包含项目的基本信息和使用说明。

• app.py: 项目的启动文件，包含Dash应用的主要逻辑。

• config.py: 项目的配置文件，包含应用的配置参数。

• requirements.txt: 项目依赖的Python包列表。

• runtime.txt: 指定项目运行所需的Python版本。

• stock-ticker.csv: 示例数据文件，包含股票交易数据。

• tickers.csv: 示例数据文件，包含股票代码信息。

2. 项目的启动文件介绍

app.py

app.py 是Dash Stock Tickers Demo App的启动文件，包含了Dash应用的主要逻辑。通过运行该文件，可以启动Dash应用并访问股票交易数据的可视化界面。

# app.py 示例代码
import dash
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd

# 读取数据
df = pd.read_csv('stock-ticker.csv')

# 创建Dash应用
app = dash.Dash(__name__)

# 定义应用布局
app.layout = html.Div([
    dcc.Graph(id='stock-graph', figure={
        'data': [
            {'x': df['Date'], 'y': df['Close'], 'type': 'line', 'name': 'Stock Price'}
        ],
        'layout': {
            'title': 'Stock Tickers Demo'
        }
    })
])

# 启动应用
if __name__ == '__main__':
    app.run_server(debug=True)

启动步骤

1. 确保已安装所有依赖包，可以通过运行 pip install -r requirements.txt 来安装。
2. 在终端或命令行中运行 python app.py。
3. 打开浏览器，访问 http://localhost:8050，即可看到Dash应用的界面。

3. 项目的配置文件介绍

config.py

config.py 文件包含了Dash应用的配置参数，如应用的基本URL路径等。

# config.py 示例代码
base_url_pathname = '/dash/gallery/stock-tickers'

配置参数说明

• base_url_pathname: 定义了应用的基本URL路径。默认情况下，应用运行在 http://localhost:8050/dash/gallery/stock-tickers。如果需要修改URL路径，可以在此文件中进行配置。

修改配置

如果需要修改应用的URL路径，可以直接编辑 config.py 文件中的 base_url_pathname 变量。

# 修改后的配置
base_url_pathname = '/custom-path'

修改后，重新启动应用，访问 http://localhost:8050/custom-path 即可。

dash-stock-tickers-demo-appDash Demo App - Stock Tickers项目地址:https://gitcode.com/gh_mirrors/da/dash-stock-tickers-demo-app