Прежде всего, нам нужно установить Dash в нашу систему. Нажмите Ctrl + Alt + T на вашем Ubuntu, откроется терминал. Чтобы запускать приложения Dash в нашей системе, мы должны установить от 4 до 5 пакетов, используя следующую команду:
$ sudo pip install dash dash-renderer dash-html-components dash-core-components plotlyИЛИ ЖЕ
$ sudo -H pip install dash-renderer dash-html-components dash-core-components plotlyКогда вы добавите -H, это не вызовет предупреждения, потому что вы попадете в переменную Home, используя -H в команде. Даже если вы его не используете, все будет в порядке, так как он отобразит предупреждение, но Dash все равно будет установлен.
Теперь вы можете создать скрипт на Python. Наш первый пример кода будет просто отображать простой вывод в нашем веб-браузере по адресу сервера и порту, упомянутым выше. В этом примере первые 3 строки будут импортировать dash, dash-core-components и dash-html-components соответственно. Dash-core-components как dcc означает, что везде, где мы хотим использовать dash-core-components, мы можем использовать вместо этого dcc, и аналогично там, где мы хотим использовать dash-html-components, мы можем использовать html. Dash () - это встроенный класс, который содержит код по умолчанию для приложений Dash. 'приложение.layout 'представляет все в веб-интерфейсе, что означает, что все, что вы хотите отобразить в браузере в приложении Dash, должно быть написано в рабочей зоне приложения.макет'. Следуя нашему первому простому примеру кода, который просто отображает простой вывод:
Пример кода №1:
импортировать тиреимпортировать dash_core_components как dcc
импортировать dash_html_components как html
приложение = тире.Бросаться()
приложение.layout = html.Div ('LinuxHint YouTube Привет')
если __name__ == '__main__':
приложение.run_server (отладка = True)
Выход:
Второй пример - создание графика. Мы бы использовали dcc, что по сути означает dash-core-components, и с его помощью мы создали бы график. В нашем примере мы нарисовали примерный график энергии и времени со случайными значениями «x» и «y», указав тип «линии» для энергии и тип «полосы» для времени. Мы бы сделали все это внутри метода dcc.Graph (), в котором мы назовем обе оси графика и зададим заголовок графика.
Пример кода №2:
импортировать тиреимпортировать dash_core_components как dcc
импортировать dash_html_components как html
приложение = тире.Бросаться()
приложение.layout = html.Div (children = [
html.Div (children = 'LinuxHint Youtube Hi'),
DCC.График (
id = "graphss",
figure =
'данные': [
'x': [1,2,3,4,5,6,7], 'y': [11,12,22,23,24,44,55], 'type': 'строка', ' name ':' Energy ',
'x': [1,2,3,4,5,6,7], 'y': [13,15,26,27,34,44,65], 'type': 'bar', ' name ':' Time ',
],
'макет':
'title': 'График времени и энергии'
)
])
если __name__ == '__main__':
приложение.run_server (отладка = True)
Выход:
Совет от профессионала: при написании скрипта на Python используйте среду IDE Python или интеллектуальный текстовый редактор, который автоматически добавляет отступ для кода. Избегайте использования простого блокнота или текстового редактора для скриптов Python, поскольку отступы кода являются важным фактором в Python при его запуске.
Я объясню это более подробно в видео-форме.