色哟哟视频在线观看-色哟哟视频在线-色哟哟欧美15最新在线-色哟哟免费在线观看-国产l精品国产亚洲区在线观看-国产l精品国产亚洲区久久

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

Python 使用Dash快速可視化數(shù)據(jù)

科技綠洲 ? 來源:Python實(shí)用寶典 ? 作者:Python實(shí)用寶典 ? 2023-11-02 14:26 ? 次閱讀

還記得上篇文章我們采用Plotly去畫出各式各樣的圖,這次我們就來講講,如何把這些圖片展示在你的前端上。

Dash也是Plotly制作團(tuán)隊(duì)開源出來的一款dashboard開發(fā)平臺(tái),主要使用python寫的,它主要可以將我們畫出來的數(shù)據(jù)展示在網(wǎng)頁上。Dash最大的優(yōu)點(diǎn)就是你在生成前端的時(shí)候不需要寫任何javascript代碼(已經(jīng)全在底層封裝好,畫圖特效是react.js寫的,有興趣可以去研究一下源碼),它可以直接使用Python代碼將你之前在Plotly畫出的圖在網(wǎng)頁上直接展示出來。

需要安裝的庫:

pip install plotly
pip install dash

下面我們來演示一個(gè)Dash的demo:

新建一個(gè)app.py文件,復(fù)制以下代碼:

import dash
import dash_core_components as dcc
import dash_html_components as html

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)

app.layout = html.Div(children=[
    html.H1(children='Dash Demo', style={"text-align": "center"}),

    html.Div(children='''
        一款牛逼的Python開發(fā)的應(yīng)用程序---------Dash
    ''',
             style={"text-align": "center", "color": "red"}),

    dcc.Graph(
        id='example-graph',
        figure={
            'data': [
                {'x': [1, 2, 3], 'y': [3, 4, 2], 'type': 'bar', 'name': '數(shù)據(jù)源A'},
                {'x': [1, 2, 3], 'y': [2, 3, 5], 'type': 'bar', 'name': '數(shù)據(jù)源B'},
            ],
            'layout': {
                'title': '數(shù)據(jù)展示'
            }
        }
    )
])

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

運(yùn)行效果:

圖片

下面來說明一下,如何去使用Dash這個(gè)框架:

S1: 初始化

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)

這句話主要用來初始化渲染Dash,可以按照你制定的樣式進(jìn)行渲染。

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

代碼中引用的網(wǎng)址是plotly自己的css樣式,你也可以修改成你自己想要的其他樣式,把這個(gè)css文件down到本地然后你可以對(duì)他進(jìn)行修改。具體參考:

https://dash.plotly.com/external-resources

下面重點(diǎn)來了!

在頁面上添加你想要添加的元素,首先我們需要初始化頁面的布局:

app.layout = html.Div(children=[])

初始化完畢后我們就可以向這個(gè)布局中添加元素了,我們只需要在childern這個(gè)list中添加相應(yīng)的頁面元素即可:(注意:每個(gè)元素都在list中)

****S2: 添加標(biāo)簽

添加h1標(biāo)題

html.H1(children='Dash Demo', style={"text-align": "center"}),

添加一個(gè)div

html.Div(children='一款牛逼的Python開發(fā)的應(yīng)用程序---------Dash',
             style={"text-align": "center", "color": "red"}),

我們可以在里面添加style參數(shù)來制定它的樣式。

****S3: 添加你畫的圖

Graph對(duì)象主要就是用來進(jìn)行畫圖的,你只需要將畫圖的數(shù)據(jù)傳遞給figure參數(shù)即可。

dcc.Graph(
        id='example-graph',
        figure={
            'data': [
                {'x': [1, 2, 3], 'y': [3, 4, 2], 'type': 'bar', 'name': '數(shù)據(jù)源A'},
                {'x': [1, 2, 3], 'y': [2, 3, 5], 'type': 'bar', 'name': '數(shù)據(jù)源B'},
            ],
            'layout': {
                'title': '數(shù)據(jù)展示'
            }
        }
    )

這里說一下,plotly畫出的每個(gè)對(duì)象都能直接當(dāng)成參數(shù)傳入。

我們看一個(gè)例子:選擇我們上次畫等高線圖,直接插入畫好的fig對(duì)象。

import plotly.graph_objects as go
fig = go.Figure(data=
        go.Contour(
            z=[[10, 10.625, 12.5, 15.625, 20],
               [5.625, 6.25, 8.125, 11.25, 15.625],
               [2.5, 3.125, 5., 8.125, 12.5],
               [0.625, 1.25, 3.125, 6.25, 10.625],
               [0, 0.625, 2.5, 5.625, 10]]
        ))
......... dcc.Graph(        id='example-graph',
        figure=fig
    )

圖片

添加多個(gè)圖:

圖片

****S4: 添加常見的網(wǎng)頁控件

輸入框:

dcc.Input(id='my-id',
              value='2333',
              type='text'
              ),

圖片

下拉框:

dcc.Dropdown(
        options=[
            {'label': 'New York City', 'value': 'NYC'},
            {'label': 'Montréal', 'value': 'MTL'},
            {'label': 'San Francisco', 'value': 'SF'}
        ],
        value='MTL'
    ),

圖片

滑動(dòng)條:

dcc.Slider(
        min=0,
        max=9,
        marks={i: 'level{}'.format(i) for i in range(10)},
        value=5,
    ),

圖片

復(fù)選框:

dcc.Checklist(
    options=[
        {'label': 'New York City', 'value': 'NYC'},
        {'label': 'Montréal', 'value': 'MTL'},
        {'label': 'San Francisco', 'value': 'SF'}
    ],
    values=['MTL', 'SF']
)

MarkDown格式:

dcc.Markdown('''
Dash and Markdown

Dash supports [Markdown](http://commonmark.org/help).

Markdown is a simple way to write and format text.
It includes a syntax for things like **bold text** and *italics*,
[links](http://commonmark.org/help), inline `code` snippets, lists,
quotes, and more.
''')

****S5: 啟動(dòng)你的應(yīng)用

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

debug在調(diào)試的時(shí)候可以打開,部署在生產(chǎn)環(huán)境的時(shí)候記得改成Fasle,還有個(gè)參數(shù)use_reloader,如果你是在jupyter寫代碼,該參數(shù)需要設(shè)置成False。

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 數(shù)據(jù)
    +關(guān)注

    關(guān)注

    8

    文章

    7006

    瀏覽量

    88950
  • 可視化
    +關(guān)注

    關(guān)注

    1

    文章

    1194

    瀏覽量

    20936
  • python
    +關(guān)注

    關(guān)注

    56

    文章

    4793

    瀏覽量

    84632
  • DASH
    +關(guān)注

    關(guān)注

    0

    文章

    8

    瀏覽量

    2687
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    數(shù)據(jù)可視化Python-matplotlib概述

    數(shù)據(jù)可視化(二):Python-matplotlib
    發(fā)表于 07-22 14:58

    python數(shù)據(jù)可視化的方法和代碼

    Python數(shù)據(jù)可視化匯總
    發(fā)表于 10-14 14:59

    Python數(shù)據(jù)可視化專家的七個(gè)秘密

    分享 Python數(shù)據(jù)可視化專家的七個(gè)秘密
    發(fā)表于 05-15 06:43

    python數(shù)據(jù)可視化之畫折線圖

    python數(shù)據(jù)可視化之畫折線圖,散點(diǎn)圖
    發(fā)表于 05-27 08:09

    Python數(shù)據(jù)可視化

    Python數(shù)據(jù)可視化:網(wǎng)易云音樂歌單
    發(fā)表于 07-19 08:30

    三維可視化的應(yīng)用和優(yōu)勢(shì)

    ,為此三維可視化運(yùn)維系統(tǒng)登場(chǎng)了。  三維可視化的應(yīng)用  宏觀場(chǎng)景可視化:在特定的環(huán)境中對(duì)隨著時(shí)間推移而不斷變化的目標(biāo)實(shí)體進(jìn)行檢測(cè),可以直觀、靈活、逼真的展示所處區(qū)域的情景和環(huán)境,可以快速
    發(fā)表于 12-02 11:52

    經(jīng)驗(yàn)分享|BI數(shù)據(jù)可視化報(bào)表布局——容器

    容器功能是一種用于數(shù)據(jù)可視化圖表排版的功能,主要作用對(duì)圖表進(jìn)行有效的布局調(diào)整,或者用于巧妙在同一地方安排多個(gè)不同類型的數(shù)據(jù)可視化圖表,供使用者點(diǎn)擊切換瀏覽。目前,在奧威BI軟件上一同有
    發(fā)表于 03-15 17:10

    Python拉勾網(wǎng)數(shù)據(jù)采集與可視化

    本文是先采集拉勾網(wǎng)上面的數(shù)據(jù),采集的是Python崗位的數(shù)據(jù),然后用Python進(jìn)行可視化。主要涉及的是爬蟲&
    的頭像 發(fā)表于 03-13 14:18 ?3255次閱讀
    <b class='flag-5'>Python</b>拉勾網(wǎng)<b class='flag-5'>數(shù)據(jù)</b>采集與<b class='flag-5'>可視化</b>

    使用Python可視化數(shù)據(jù),機(jī)器人開發(fā)編程

    機(jī)器學(xué)習(xí)開發(fā),與Mail.Ru Search數(shù)據(jù)分析負(fù)責(zé)人Egor Polusmak和Mail.Ru Group數(shù)據(jù)科學(xué)家Yury Kashnitsky一起探索如何使用Python可視化
    的頭像 發(fā)表于 03-15 16:56 ?8986次閱讀

    數(shù)據(jù)可視化的常用技術(shù)和并行與原位可視化方法分析

    數(shù)據(jù)可視化就是將抽象的“數(shù)據(jù)”以可見的形式表現(xiàn)出來,幫助人理解數(shù)據(jù)。大數(shù)據(jù)可視化相對(duì)傳統(tǒng)的
    的頭像 發(fā)表于 04-17 16:51 ?6421次閱讀

    Python實(shí)現(xiàn)PLC數(shù)據(jù)可視化呈現(xiàn)于Web端

    現(xiàn)介紹另一種通過Python實(shí)現(xiàn)PLC數(shù)據(jù)可視化呈現(xiàn)于Web端的方案。
    的頭像 發(fā)表于 08-30 11:27 ?7045次閱讀
    <b class='flag-5'>Python</b>實(shí)現(xiàn)PLC<b class='flag-5'>數(shù)據(jù)</b><b class='flag-5'>可視化</b>呈現(xiàn)于Web端

    Python數(shù)據(jù)可視化編程實(shí)戰(zhàn)

    Python數(shù)據(jù)可視化編程實(shí)戰(zhàn)資料免費(fèi)下載。
    發(fā)表于 06-01 14:37 ?29次下載

    使用arduino和python可視化你的比特幣收益和損失

    電子發(fā)燒友網(wǎng)站提供《使用arduino和python可視化你的比特幣收益和損失.zip》資料免費(fèi)下載
    發(fā)表于 12-21 16:50 ?0次下載
    使用arduino和<b class='flag-5'>python</b><b class='flag-5'>可視化</b>你的比特幣收益和損失

    使用Python來收集、處理和可視化人口數(shù)據(jù)

    如何使用Python這一流行的編程語言來收集、處理和可視化印度和中國的人口數(shù)據(jù)呢?本文將向你介紹一些基本的步驟和技巧,幫助你掌握Python進(jìn)行可視
    的頭像 發(fā)表于 06-21 17:08 ?1386次閱讀
    使用<b class='flag-5'>Python</b>來收集、處理和<b class='flag-5'>可視化</b>人口<b class='flag-5'>數(shù)據(jù)</b>

    Python 可視化如何配色

    我們?cè)诶?b class='flag-5'>Python進(jìn)行數(shù)據(jù)可視化時(shí),有著大量的高質(zhì)量庫可以用,比如: Matplotlib 、 seaborn 、 Plotly 、 Bokeh 、 ggplot 等等。但圖表好不好看,配色占
    的頭像 發(fā)表于 10-30 15:43 ?520次閱讀
    <b class='flag-5'>Python</b> <b class='flag-5'>可視化</b>如何配色
    主站蜘蛛池模板: 成人在免费观看视频国产| 99久久国产综合精品| 97人妻久久久精品系列A片| 国产一区二区无码蜜芽精品 | 日韩少妇爆乳无码专区| 91成品视频| 蜜柚在线观看免费高清官网视频| 尤物国产在线精品三区| 久久re这里视频只有精品首页 | 回复术士勇者免费观看全集| 亚洲 欧美 国产 综合久久| 高潮久久久久久久久不卡| 日本人作爰啪啪全过程| 成人综合在线观看| 乳色吐息未增删樱花ED在线观看| yellow在线观看免费观看大全| 女子扒开腿让男生桶爽| 99视频一区| 区久久AAA片69亚洲| 成人人猿泰山| 天天操天天干天天透| 国产精品久久久久久亚洲影视| 无码乱人伦一区二区亚洲一| 国产美女又黄又爽又色视频网站| 亚洲AV久久无码精品蜜桃| 国产婷婷色一区二区三区在线 | 日韩 国产 中文 无码| 各种场合肉H校园1V1| 亚洲2023无矿砖码砖区| 久久国产香蕉| 99精品免费久久久久久久久蜜桃| 欧美 亚洲综合在线一区| 百性阁论坛首页| 小s现场抛胸挤奶| 久久黄色录像| md2.pud 麻豆传媒官网| 色欲精品国产AV久久久 | 国产成人a视频在线观看| 亚洲 欧美 另类 中文 在线| 精品视频在线播放| AV无码九九久久|