Frage Ändern Sie die Farbe von Text in einem Pandas Dataframe HTML-Tabelle Python mit Stilen und CSS


Ich habe einen Pandas-Datenrahmen:

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'])

Der Tisch, der druckt df Das sieht dann so aus:enter image description here

Ich möchte alle Werte in den 'MOS'-Reihen eine bestimmte Farbe färben und die linken zwei Index- / Kopfspalten sowie die obere Kopfzeile eine andere Hintergrundfarbe als die restlichen Zellen mit Werten in ihnen färben. Irgendwelche Ideen, wie ich das machen kann?


10
2017-07-21 18:06


Ursprung


Antworten:


Dies dauert ein paar Schritte:

Erster Import HTML und re

from IPython.display import HTML
import re

Sie können an der html Pandas löscht über die to_html Methode.

df_html = df.to_html()

Als nächstes werden wir einen zufälligen Bezeichner für die HTML-Tabelle und den Style generieren, die wir erstellen werden.

random_id = 'id%d' % np.random.choice(np.arange(1000000))

Da wir einen Stil einfügen werden, müssen wir darauf achten, dass dieser Stil nur für unsere Tabelle gilt. Jetzt fügen wir das in die df_html

df_html = re.sub(r'<table', r'<table id=%s ' % random_id, df_html)

Und erstelle ein Style-Tag. Das liegt wirklich an dir. Ich habe gerade einen Hover-Effekt hinzugefügt.

style = """
<style>
    table#{random_id} tr:hover {{background-color: #f5f5f5}}
</style>
""".format(random_id=random_id)

Zeigen Sie es schließlich an

HTML(style + df_html)

Funktion in einem.

def HTML_with_style(df, style=None, random_id=None):
    from IPython.display import HTML
    import numpy as np
    import re

    df_html = df.to_html()

    if random_id is None:
        random_id = 'id%d' % np.random.choice(np.arange(1000000))

    if style is None:
        style = """
        <style>
            table#{random_id} {{color: blue}}
        </style>
        """.format(random_id=random_id)
    else:
        new_style = []
        s = re.sub(r'</?style>', '', style).strip()
        for line in s.split('\n'):
                line = line.strip()
                if not re.match(r'^table', line):
                    line = re.sub(r'^', 'table ', line)
                new_style.append(line)
        new_style = ['<style>'] + new_style + ['</style>']

        style = re.sub(r'table(#\S+)?', 'table#%s' % random_id, '\n'.join(new_style))

    df_html = re.sub(r'<table', r'<table id=%s ' % random_id, df_html)

    return HTML(style + df_html)

Benutze es so:

HTML_with_style(df.head())

enter image description here

HTML_with_style(df.head(), '<style>table {color: red}</style>')

enter image description here

style = """
<style>
    tr:nth-child(even) {color: green;}
    tr:nth-child(odd)  {color: aqua;}
</style>
"""
HTML_with_style(df.head(), style)

enter image description here

Lerne CSS und gehe verrückt!


21
2017-07-21 18:28



Pandas neu verwenden Styling Funktionalität (seit 0.17.1):

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

enter image description here


23
2017-09-06 11:25