Wie man python-graph-Ausgabe in html-Webseite direkt

Ich bin mit verschiedenen Bibliotheken wie pandas und numpy für die Erzeugung eines dataframe, die schließlich erzeugen Sie einen Graphen.

Nun, ich muss diese Grafik in eine einfache Webseite, die in HTML.

Hinweis: ich bin auch bereit 2-3 Eingabe von Benutzer in der HTML-Seite dann passieren, dass die Daten zu meinem python-Datei. Danach python-Datei generiert einen Graphen anhand vorgegebener Daten(HTML-Seite) und ich übergeben zu müssen, das Diagramm auf einer HTML-Seite.

df[[main_data]].plot()

Hier, main_data ist eine variable, deren Wert aus HTML-Seite. Und ich bin dabei python-code in SPYDER. Und ich bin nicht mit jedem Rahmen.

InformationsquelleAutor Jay Desai | 2018-02-27
  1. 7

    Diese richtet sich etwas auf, was Sie bedeuten, zeigt die Grafik als html. Ich kann sehen, ein paar Möglichkeiten, die erste und einfachste ist es, speichern Sie das Bild als png, und geben Sie dann den Pfad zu der Datei in der html:

    Python-code:

    import pandas as pd
import matplotlib.pyplot as plt

s = pd.Series([1, 2, 3])
fig, ax = plt.subplots()
s.plot.bar()
fig.savefig('my_plot.png')

    HTML:

    <img src='my_plot.png'>

    Der zweite Weg wäre, zu Kodieren, das Bild als base64. Dies hat den Vorteil, dass Sie portabel, und den Nachteil der sehr großen sperrigen html-Dateien. Ich bin kein web-Programmierer, also kann es andere Einschränkungen wie gut, dass ich nicht bewusst

    python:

    import io
import base64

def fig_to_base64(fig)
    img = io.BytesIO()
    fig.savefig(img, format='png',
                bbox_inches='tight')
    img.seek(0)

    return base64.b64encode(img.getvalue())

encoded = fig_to_base64(fig)
my_html = '<img src="data:image/png;base64, {}">'.format(encoded.decode('utf-8'))

    my_html übergeben werden können Sie in die html-Datei, oder Sie können es injizieren mit jinja2 oder was auch immer Sie verwenden. Hier ist SO ein post zum anzeigen von base64 in html https://stackoverflow.com/a/8499716/3639023 und codieren von Bildern als base64 - Wie konvertieren von PIL Bild.Bild-Objekt base64-string?

    InformationsquelleAutor johnchase
  2. 0

    Können Sie gerne speichern Sie die Grafik in eine bestimmte Position und ein Skript schreiben, um zu Lesen Sie die image-Datei lässt sagen pic.png in HTML. Für die Aufnahme-Eingang, können Sie einen Tabular Struktur der Daten und nach jeder Eingabe, speichern Sie die Daten in eine Datei, sagen wir file.csv und Lesen Sie in Python und halten Sie das hinzufügen von Werten aus input.

    unten abstimmen
    Favorit
    3
    Hier ist der einfache code generiert und speichert eine plot-Bild im gleichen Verzeichnis wie der code. Nun, ist es ein Weg, durch die kann ich speichern Sie es im Verzeichnis der Wahl?

    import matplotlib.pyplot as plt
df.hist()
plt.savefig('path/to/pic.png')

    Nun erstellen von HTML-code zu Lesen, dass die image-Datei und Ausgabe, die es, wie Sie wollen. Ich hoffe, das hilft.

    InformationsquelleAutor Harry_pb
Schreibe einen Kommentar