【数据科学系列】基于Python的Web应用框架Dash-数据获取(DAQ)

Dash DAQ

Dash DAQ(Data Acquisition)包含一组强大的控件,可以更轻松地将数据采集和控件集成到Dash应用程序中。
Dash是一个Web应用程序框架,提供围绕HTML,CSS和JavaScript的纯Python抽象。

查看Dash DAQ版本

import dash_daq as daq
print(daq.__version__)

【数据科学系列】基于Python的Web应用框架Dash-数据获取(DAQ)_第1张图片

水桶组件(Tank)

水桶组件:填充到某个范围之间的值
水桶组件代码

import dash_daq as daq

daq.Tank(
  id='my-daq-tank',
  min=0,
  value=5,
  max=10
)

应用于Dash之中

import dash
import dash_daq as daq
import dash_core_components as dcc
import dash_html_components as html

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)

app.layout = html.Div([
    daq.Tank(
        id='my-tank',
        value=5,
        min=0,
        max=10,
        style={'margin-left': '50px'}
    ),
    dcc.Slider(
        id='tank-slider',
        value=5,
        min=0,
        max=10,
    ),
])


@app.callback(
    dash.dependencies.Output('my-tank', 'value'),
    [dash.dependencies.Input('tank-slider', 'value')])
def update_tank(value):
    return value


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

【数据科学系列】基于Python的Web应用框架Dash-数据获取(DAQ)_第2张图片
【数据科学系列】基于Python的Web应用框架Dash-数据获取(DAQ)_第3张图片


更多源码,请访问网址:https://github.com/plotly/dash-daq

你可能感兴趣的:(【数据科学系列】基于Python的Web应用框架Dash-数据获取(DAQ))