ホームページ > ウェブフロントエンド > CSSチュートリアル > Pandas Dataframe HTML テーブルのテキストと背景に色を付ける方法

Pandas Dataframe HTML テーブルのテキストと背景に色を付ける方法

Linda Hamilton
リリース: 2024-10-31 21:57:02
オリジナル
391 人が閲覧しました

How to Color Text and Backgrounds in a Pandas Dataframe HTML Table?

スタイルと CSS を使用した Pandas データフレーム HTML テーブル Python のテキストと背景の色付け

パンダ データフレーム HTML テーブルの外観をカスタマイズするには、 style 属性と CSS を組み合わせることができます。

テキストの色の変更

データフレームの特定の行のテキストの色を変更するには、apply() 関数を使用します。条件に基づいて CSS スタイルを値に適用します。たとえば、「MOS」行のすべての値を特定の色で色付けするには:

<code class="python">def highlight_MOS(s):
    is_mos = s.index.get_level_values(1) == 'MOS'
    return ['color: orange' if v else 'color: blue' for v in is_mos]

s = df.style.apply(highlight_MOS)</code>
ログイン後にコピー

背景色の変更

特定のセルの背景色を設定するにはset_table_styles() を使用して、background_color プロパティを指定できます。

<code class="python">s.set_table_styles([dict(selector='th', props=[('background-color', 'lightblue')]),
                    dict(selector='td', props=[('background-color', 'white')])])</code>
ログイン後にコピー

これにより、すべてのヘッダー セルの背景色が水色に設定され、残りのセルは白に設定されます。

上記の手法を組み合わせて、テキストと背景の両方に色を付ける方法の例を次に示します。

<code class="python">import numpy as np
import pandas as pd

arrays = [['Midland', 'Midland', 'Hereford', 'Hereford', 'Hobbs','Hobbs', 'Childress',
           'Childress', 'Reese', 'Reese', 'San Angelo', 'San Angelo'],
          ['WRF','MOS','WRF','MOS','WRF','MOS','WRF','MOS','WRF','MOS','WRF','MOS']]
tuples = list(zip(*arrays))
index = pd.MultiIndex.from_tuples(tuples)
df = pd.DataFrame(np.random.randn(12, 4), index=arrays,
                  columns=['00 UTC', '06 UTC', '12 UTC', '18 UTC'])

def highlight_MOS(s):
    is_mos = s.index.get_level_values(1) == 'MOS'
    return ['color: orange' if v else 'color: blue' for v in is_mos]

s = df.style.apply(highlight_MOS)
s.set_table_styles([dict(selector='th', props=[('background-color', 'lightblue')]),
                    dict(selector='td', props=[('background-color', 'white')])])

s</code>
ログイン後にコピー

これにより、' にオレンジ色のテキストが含まれる HTML テーブルが生成されます。 MOS の行、水色のヘッダーとトップレベルのインデックスの背景。

以上がPandas Dataframe HTML テーブルのテキストと背景に色を付ける方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート