作者：俊欣

來源：關(guān)于數(shù)據(jù)分析與可視化

小編最近碰上了一個數(shù)據(jù)分析利器，可以將我們需要的數(shù)據(jù)展示在網(wǎng)頁上，并且進行相對深度的數(shù)據(jù)分析與挖掘，所以就打算借此機會和大家分享一下。

關(guān)于streamlit-aggrid

我們知道用Streamlit模塊來進行web應(yīng)用的開發(fā)真的非常的方便，但是在展示表格方面則顯得十分地簡陋，只有兩個簡單的接口函數(shù)，分別是st.table(df)和st.dataframe(df)，對于字段較多的表格數(shù)據(jù)的展示非常的不友好，今天小編就來介紹一款Streamlit的插件，streamlit-aggrid，它的基礎(chǔ)功能包括

• 數(shù)據(jù)排序
• 表格樣式的調(diào)整
• 數(shù)據(jù)的篩選
• 翻頁
• 等等

首先我們先通過pip命令下載該模塊

pip install streamlit-aggrid

我們先來寫一個簡單的demo，看一下該模塊到底能實現(xiàn)哪些功能，代碼如下

import pandas as pd import streamlit as st from st_aggrid import AgGrid

st.set_page_config(page_title="網(wǎng)飛(Netflix)的電影數(shù)據(jù)分析", layout="wide") 
st.title("網(wǎng)飛(Netflix)的電影數(shù)據(jù)分析")
shows = pd.read_csv("netflix_titles.csv")  
AgGrid(shows)

output

我們和st.dataframe(shows)出來的結(jié)果相比，發(fā)現(xiàn)調(diào)用streamlit-aggrid模塊展示出來的表格更加美觀，如下圖所示

不同方法的結(jié)果對比

當(dāng)然我們還能夠給數(shù)據(jù)進行排序，如下圖所示

并且還可以根據(jù)指定的條件來進行數(shù)據(jù)的篩選，如下圖所示

我們還可以按照自己的喜好來拖拽表格當(dāng)中的每一列的數(shù)據(jù)，調(diào)整表格的順序

更多操作

翻頁

除了上面的一些基本操作之外，streamlit-aggrid模塊展示出來的表格數(shù)據(jù)還支持翻頁操作，代碼如下

import pandas as pd import streamlit as st from st_aggrid import AgGrid from st_aggrid.grid_options_builder import GridOptionsBuilder

st.set_page_config(page_title="網(wǎng)飛(Netflix)的電影數(shù)據(jù)分析", layout="wide")
st.title("網(wǎng)飛(Netflix)的電影數(shù)據(jù)分析")

shows = pd.read_csv("netflix_titles.csv")

gb = GridOptionsBuilder.from_dataframe(shows)
gb.configure_pagination()
gridOptions = gb.build()

AgGrid(shows, gridOptions=gridOptions)

output

分組統(tǒng)計

我們平常在Pandas模塊當(dāng)中用到的groupby分組統(tǒng)計來streamlit-aggrid模塊當(dāng)中也可以輕松地實現(xiàn)，代碼如下

import pandas as pd import streamlit as st from st_aggrid import AgGrid from st_aggrid.grid_options_builder import GridOptionsBuilder

st.set_page_config(page_title="網(wǎng)飛(Netflix)的電影數(shù)據(jù)分析", layout="wide")
st.title("網(wǎng)飛(Netflix)的電影數(shù)據(jù)分析")

shows = pd.read_csv("netflix_titles.csv")
gb = GridOptionsBuilder.from_dataframe(shows)

gb.configure_pagination()
gb.configure_side_bar()
gb.configure_default_column(groupable=True, value=True, enableRowGroup=True, aggFunc="sum", editable=True)
gridOptions = gb.build()

AgGrid(shows, gridOptions=gridOptions, enable_enterprise_modules=True)

這樣，在表格的最左側(cè)會出現(xiàn)工具欄，我們可以在其中進行進一步的操作，如下圖所示

高亮表格數(shù)據(jù)

在Pandas模塊當(dāng)中我們可以給指定的數(shù)據(jù)高亮顯示，那么同樣地在streamlit-aggrid模塊當(dāng)中也可以實現(xiàn)，代碼如下

shows = pd.read_csv("netflix_titles.csv")
gb = GridOptionsBuilder.from_dataframe(shows)

cellsytle_jscode = JsCode( """
function(params) {
    if (params.value.includes('United States')) {
        return {
            'color': 'white',
            'backgroundColor': 'red'
        }
    } else {
        return {
            'color': 'black',
            'backgroundColor': 'white'
        }
    }
};
""" )

gb.configure_column("country", cellStyle=cellsytle_jscode)
gridOptions = gb.build()
data = AgGrid(
    shows,
    gridOptions=gridOptions,
    enable_enterprise_modules=True,
    allow_unsafe_jscode=True )

我們將國家為“美國”的電影數(shù)據(jù)用紅色高亮顯示出來，如下圖所示