*

jupyterでstyle指定のdataFrameへのデータ追加方法

作成:2019-01-23 更新:2019-01-23

jupyterで、style指定のdataFrameの表示を行ったところ、
データの追加の方法によりcolum名の表示及びstyleの反映
が異なることが分かったので記録をする。

styleつきで出力できた方法

注意点

colum名称をcolumリストで指定していますが、
順序をアルファベット順では無く val2 -> val3 -> val1 としています。
しかし、出力すると表.1-1のように、アルファベット順 val1 -> val2 -> val3
に並べ変えられます。
これを修正するために、 df = df[colm] (29行)でcolumリスト順に直しています。
結果、表.1-2 の様に意図した順序にcolumが並びます。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
import pandas as pd
import numpy as np
from IPython.display import display

def color_red(val):
    if val < 5:
        color = 'red'
    else:
        color = 'black'
    return 'color: %s' % color

d_dic = {}

colum = ['val2','val3','val1']
for col in colum:
    d_dic[col] = []
    
df = pd.DataFrame(columns=[colum])
e_line = pd.Series([np.nan] * 3,index = df.columns)

for i in range(5):
    d_dic["val1"].append(i + 1)
    d_dic["val2"].append(i + 2)
    d_dic["val3"].append(i + 3)
    
df = pd.DataFrame(d_dic)
display(df)
# columの順序指定
df = df[colum]    
display(df)
s = df.style.applymap(color_red)
s
.dataframe tbody tr th {
    vertical-align: top;
}

.dataframe thead th {
    text-align: right;
}

表.1-1

.dataframe tbody tr th {
    vertical-align: top;
}

.dataframe thead th {
    text-align: right;
}

表.1-2

表.1-3

失敗した方法

表.2-1の様にデータとしは、意図した通りになっているが、
スタイルつきで出力したところ、colum名称が意図とは異なる。
又、名称が異なるためと思われるがスタイル指定も有効になっていない。
表.2-2

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import pandas as pd
import numpy as np
from IPython.display import display

def color_red(val):
    if val < 5:
        color = 'red'
    else:
        color = 'black'
    return 'color: %s' % color

colum = ['val1','val2','val3']
df = pd.DataFrame(columns=[colum])
e_line = pd.Series([np.nan] * 3,index = df.columns)

for i in range(5):
    df = df.append(e_line, ignore_index = True)
    df.iloc[-1,0] = i + 1
    df.iloc[-1,1] = i + 2
    df.iloc[-1,2] = i + 3 
    
display(df)
s = df.style.applymap(color_red)
s
.dataframe tbody tr th {
    vertical-align: top;
}

.dataframe thead tr th {
    text-align: left;
}

表.2-1

表.2-2

テスト環境

カテゴリー

Tags

▲TOPへ戻る