ホームページ > ウェブフロントエンド > CSSチュートリアル > スタイルと CSS を使用して Pandas DataFrame HTML テーブルのテキストとセルの色を変更するにはどうすればよいですか?

スタイルと CSS を使用して Pandas DataFrame HTML テーブルのテキストとセルの色を変更するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-11-02 07:53:02
オリジナル
354 人が閲覧しました

How can I change the text and cell colors in a Pandas DataFrame HTML table using styles and CSS?

スタイルと CSS を使用して Pandas DataFrame HTML テーブルのテキストとセルの色を変更する

Python でデータフレームを操作する場合、多くの場合、データの外観をカスタマイズして、より有益な情報や視覚的に魅力的なものにするのに役立ちます。これは、スタイルと CSS を使用して、データフレーム内のテキスト、ヘッダー、セルの色を変更することで実現できます。

このシナリオでは、行と列の両方で整理された値を含む pandas データフレームが与えられます。目標は、「MOS」行の値を特定の色で色付けし、左側の 2 つのインデックス/ヘッダー列と上部のヘッダー行の背景色を変更することです。

目的これにより、pandas バージョン 0.17.1 で導入された新しいスタイル機能を利用できるようになります。次の Python コードは、データフレームにスタイルを適用する方法を示しています。

<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: darkorange' if v else 'color: darkblue' for v in is_mos]

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

highlight_MOS 関数は、「MOS」行の値に濃いオレンジ色を適用し、他のすべての値に濃い青色を適用するように定義されています。価値観。次に、style.apply メソッドを使用してこの関数をデータフレームに適用し、結果が出力されます。

コードの出力は、濃いオレンジ色の「MOS」行と、左側の 2 つのインデックス/ヘッダー列と上部のヘッダー行は異なる背景色で色付けされています。このカスタマイズにより、データフレーム内のデータをより視覚的に魅力的で有益な表現が可能になります。

以上がスタイルと CSS を使用して Pandas DataFrame HTML テーブルのテキストとセルの色を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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