python交互式web应用dash/plotly

dash入门笔记

参考 ：
官方文档
小项目-数据处理篇：真·租房信息整理，应用dash整合到地图上

安装

dash layout

主要由dash_html_components和 dash_core_components组成。前者是纯html组件，如div; 后者是高级的组件，如 graph。
一个div中包含子元素，这些子元素放在一个列表中。children参数放在第一位，可以省略。
样式：和css中样式有些区别：

• 这里的style是以字典形式出现的。
• html中的’text-Align’变成dash中的’textAlign’。

style={'textAlign': 'center', 'color': '#7FDBFF'}

- # -*- coding: utf-8 -*-
import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash()

colors = {
    'background': '#111111',
    'text': '#7FDBFF'
}

app.layou