Rumah > hujung hadapan web > tutorial css > 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
Lepaskan: 2024-11-02 07:53:02
asal
361 orang telah melayarinya

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan