Rumah > Artikel > hujung hadapan web > Bagaimanakah saya boleh menukar teks dan warna sel dalam jadual HTML Pandas DataFrame menggunakan gaya dan 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!