Em primeiro lugar, temos que instalar o Dash em nosso sistema. Pressione Ctrl + Alt + T no seu Ubuntu para abrir o terminal. Para executar aplicativos Dash em nosso sistema, instalaríamos de 4 a 5 pacotes usando o seguinte comando:
$ sudo pip install dash dash-renderer dash-html-components dash-core-components plotlyOU
$ sudo -H pip install traço traço-renderizador traço-html-componentes traço-núcleo-componentes plotlyQuando você adiciona -H, não é emitido um aviso porque você obtém a variável Home usando -H no comando. Mesmo se você não o usar, não haverá problema, pois exibirá um aviso, mas o Dash será instalado de qualquer maneira.
Agora, você criaria um script python. Nosso primeiro exemplo de código exibiria apenas uma saída simples em nosso navegador da Web no endereço do servidor e na porta mencionados acima. No exemplo, as primeiras 3 linhas seriam as importações de dash, dash-core-components e dash-html-components respectivamente. Dash-core-components como dcc significa que sempre que quisermos usar dash-core-components, podemos usar 'dcc' e, da mesma forma, onde quisermos usar dash-html-components, podemos usar 'html'. Dash () é a classe integrada que contém o código padrão para aplicativos Dash. 'aplicativo.layout 'representa tudo na IU da web, o que significa que qualquer coisa que você deseja exibir no navegador no aplicativo Dash, deve ser escrito na zona operacional do' app.layout '. Seguindo nosso primeiro exemplo de código simples, que apenas exibe uma saída simples:
Exemplo de código # 1:
traço de importaçãoimportar dash_core_components como dcc
import dash_html_components as html
app = traço.Traço()
aplicativo.layout = html.Div ('LinuxHint YouTube Hi')
if __name__ == '__main__':
aplicativo.run_server (debug = True)
Resultado:
O segundo exemplo é sobre como criar um gráfico. Usaríamos 'dcc' que significa essencialmente componentes do núcleo do traço e criaríamos um gráfico usando-o. Em nosso exemplo, desenhamos um gráfico de exemplo de Energia e Tempo com valores aleatórios de 'x' e 'y', dando um tipo de 'linha' para Energia e um tipo de 'barra' para Tempo. Faríamos tudo isso dentro de um método dcc.Graph () em que nomearíamos nossos dois eixos do gráfico e definiríamos o título do gráfico também.
Exemplo de código # 2:
traço de importaçãoimportar dash_core_components como dcc
import dash_html_components as html
app = traço.Traço()
aplicativo.layout = html.Div (crianças = [
html.Div (filhos = 'LinuxHint Youtube Hi'),
dcc.Gráfico(
id = "graphss",
figura =
'dados': [
'x': [1,2,3,4,5,6,7], 'y': [11,12,22,23,24,44,55], 'tipo': 'linha', ' nome ':' Energia ',
'x': [1,2,3,4,5,6,7], 'y': [13,15,26,27,34,44,65], 'tipo': 'bar', ' nome ':' Hora ',
],
'layout':
'title': 'Gráfico para tempo e energia'
)
])
if __name__ == '__main__':
aplicativo.run_server (debug = True)
Resultado:
Dica profissional: ao escrever um script python, use um IDE python ou um editor de texto inteligente que recua o código automaticamente para você. Evite usar o bloco de notas simples ou editor de texto para scripts Python, pois o recuo do código é um fator importante em Python durante sua execução.
Vou explicar isso com mais detalhes em forma de vídeo também.