
Plotly.js, React 및 http.jl 위에 구축 된 대시는 드롭 다운, 슬라이더 및 그래프와 같은 최신 UI 요소를 분석 Julia 코드에 직접 연결합니다.
그냥 시작해? Julia 사용자 가이드의 대시를 확인하십시오! 문서를 찾을 수없는 경우 비공식 기고 된 예제를 확인하거나 Python의 데모 애플리케이션에서 소스 코드를 확인한 다음 Julia Syntax 스타일을 참조하십시오.
Julia 구성 요소는 Python 및 R 구성 요소와 함께 생성 될 수 있습니다. 프로젝트에 참여하는 데 관심이 있습니까? 후원은 이와 같은 오픈 소스 프로젝트의 진행 상황을 가속화하는 좋은 방법입니다. 우리에게 연락하십시오!
가장 최근에 출시 된 버전을 설치하려면 :
pkg > add Dash대신 최신 (안정적인) 개발 버전을 설치하려면 :
pkg > add Dash # dev using Dash
app = dash (external_stylesheets = [ " https://codepen.io/chriddyp/pen/bWLwgP.css " ])
app . layout = html_div () do
html_h1 ( " Hello Dash " ),
html_div ( " Dash.jl: Julia interface for Dash " ),
dcc_graph (id = " example-graph " ,
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 = " Montréal " ),
],
layout = (title = " Dash Data Visualization " ,)
))
end
run_server (app) 그런 다음 브라우저에서 http://127.0.0.1:8050 으로 이동하여 Dash 앱을보십시오!
using Dash
app = dash (external_stylesheets = [ " https://codepen.io/chriddyp/pen/bWLwgP.css " ])
app . layout = html_div () do
dcc_input (id = " my-id " , value = " initial value " , type = " text " ),
html_div (id = " my-div " )
end
callback! (app, Output ( " my-div " , " children " ), Input ( " my-id " , " value " )) do input_value
" You've entered $(input_value) "
end
run_server (app)callback! 기능.Output , Input , State 개체 또는 Splats / 벡터 일 수 있습니다.(inputs..., states...) 이 있어야하며 업데이트 할 Output 수와 동일한 숫자 요소가있는 리턴 값을 제공해야합니다. using Dash
app = dash (external_stylesheets = [ " https://codepen.io/chriddyp/pen/bWLwgP.css " ])
app . layout = html_div () do
dcc_input (id = " my-id " , value = " initial value " , type = " text " ),
html_div (id = " my-div " ),
html_div (id = " my-div2 " )
end
callback! (app,
Output ( " my-div " , " children " ),
Output ( " my-div2 " , " children " ),
Input ( " my-id " , " value " ),
State ( " my-id " , " type " )) do input_value, state_value
return ( " You've entered $(input_value) in input with type $(state_value) " ,
" You've entered $(input_value) " )
end
run_server (app) import dash
dash . html . Div
dash . dcc . Graph
dash . dash_table . DataTable using Dash
html_div
dcc_graph
dash_datatable Python에서와 마찬가지로 구성 요소를 선언하는 기능에는 키워드 인수가 있으며 이는 Python과 동일합니다. html_div(id = "my-id", children = "Simple text") .
children 선언하는 구성 요소의 경우 두 개의 추가 서명이 있습니다.
(children; kwargs..) 및(children_maker::Function; kwargs...) 따라서 간단한 요소에 대해 html_div("Simple text", id = "my-id") 작성하거나 복잡한 요소에 대한 do 구문이있는 약식 구문을 선택할 수 있습니다.
html_div (id = " outer-div " ) do
html_h1 ( " Welcome " ),
html_div (id = " inner-div " ) do
#= inner content =#
end
end app = dash . Dash ( external_stylesheets = [ "https://codepen.io/chriddyp/pen/bWLwgP.css" ])
app . layout = html . Div ( children = [....])app = dash (external_stylesheets = [ " https://codepen.io/chriddyp/pen/bWLwgP.css " ])
app . layout = html_div () do
#= inner content =#
end @ app . callback ( Output ( 'output' , 'children' ),
Input ( 'submit-button' , 'n_clicks' )],
State ( 'state-1' , 'value' ),
State ( 'state-2' , 'value' ))
def update_output ( n_clicks , state1 , state2 ):
# logic callback! (app,
Output ( " output " , " children " ),
Input ( " submit-button " , " n_clicks " )],
State ( " state-1 " , " value " ),
State ( " state-2 " , " value " )) do n_clicks, state1, state2
# logic
end대시 앱은 브라우저 (일명 프론트 엔드)와 JSON에서 앱 (일명 백엔드)을 실행하는 Julia 프로세스간에 데이터를 전송합니다. Dash.jl은 JSON 직렬화/사막화에 JSON3.JL을 사용합니다.
JSON3.JL은 변환합니다
Vector 및 Tuple S에서 JSON 어레이Dict s and NamedTuple s to json 객체