Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimanakah saya boleh menukar teks dan warna sel dalam jadual HTML Pandas DataFrame menggunakan gaya dan CSS?

Bagaimanakah saya boleh menukar teks dan warna sel dalam jadual HTML Pandas DataFrame menggunakan gaya dan CSS?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-02 07:53:02279semak imbas

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

Menukar Teks dan Warna Sel dalam Jadual HTML Bingkai Data Pandas Menggunakan Gaya dan CSS

Sering kali, apabila bekerja dengan bingkai data dalam Python, ia adalah berfaedah untuk menyesuaikan rupa visual data untuk menjadikannya lebih bermaklumat atau menarik secara visual. Ini boleh dicapai dengan menggunakan gaya dan CSS untuk menukar warna teks, pengepala dan sel dalam bingkai data.

Dalam senario ini, kami diberikan bingkai data panda yang mengandungi nilai yang disusun oleh kedua-dua baris dan lajur, dan matlamatnya adalah untuk mewarnakan nilai dalam baris 'MOS' dengan warna tertentu dan mengubah warna latar belakang dua lajur indeks/pengepala kiri dan baris pengepala atas.

Untuk mencapai ini, kami boleh menggunakan yang baharu fungsi penggayaan yang diperkenalkan dalam panda versi 0.17.1. Kod Python berikut menunjukkan cara menggunakan gaya pada bingkai data:

<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>

Fungsi highlight_MOS ditakrifkan untuk menggunakan warna oren gelap pada nilai dalam baris 'MOS' dan warna biru tua kepada semua yang lain nilai. Kaedah style.apply kemudiannya digunakan untuk menggunakan fungsi ini pada bingkai data, dan hasilnya dicetak.

Output kod akan menjadi jadual bingkai data dengan baris 'MOS' berwarna oren gelap dan meninggalkan dua lajur indeks/pengepala dan baris pengepala atas berwarna dengan warna latar belakang yang berbeza. Penyesuaian ini membolehkan perwakilan data yang lebih menarik secara visual dan bermaklumat dalam bingkai data.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menukar teks dan warna sel dalam jadual HTML Pandas DataFrame menggunakan gaya dan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn