Dash DAQ⑪（PrecisionInputコンポーネント）

Dash DAQ

Dash DAQでは、データの収集・管理を行うコンポーネントを提供しています。

スイッチや計器に似た可視化ツールが用意されており、データを変化させる管理UIを作成できます。

Dash Enterprise - https://dash.plotly.com/dash-daq

PrecisionInputコンポーネント

PrecisionInputコンポーネントを使うと、特定の精度に変換する入力エリアを表示することができます。

数字の精度はprecisionで指定します。（12行目）

[ソースコード]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import dash
from dash.dependencies import Input, Output
import dash_daq as daq
import dash_html_components as html

app = dash.Dash(__name__)

app.layout = html.Div([
    daq.PrecisionInput(
        id='our-precision',
        label='Default',
        precision=6,
        value=1234
    ),
    html.Div(id='precision-result')
])

@app.callback(
    Output('precision-result', 'children'),
    Input('our-precision', 'value')
)
def update_output(value):
    return 'The current value is {}.'.format(value)

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

[ブラウザで表示]

特定の精度に変換する入力エリアが表示されました。

上下ボタンで数値を変更したり、直接数値を入力したりすることができます。

指定した精度を超える数字の場合は、精度内に丸められた数字に変換されて表示されます。