Ausführliche Erklärung, wie man mit Pygal wunderschöne SVG-Bilder in Python generiert-Python-Tutorial-php.cn

Ausführliche Erklärung, wie man mit Pygal wunderschöne SVG-Bilder in Python generiert

高洛峰

Freigeben： 2017-02-13 16:23:58

Original

3819 Leute haben es durchsucht

Vorwort

SVG kann derzeit als das beliebteste Bilddateiformat angesehen werden. Sein vollständiger englischer Name ist Scalable Vector Graphics, was skalierbare Vektorgrafiken bedeutet. Es basiert auf XML (Extensible Markup Language) und wurde von der Allianz des World Wide Web Consortium (W3C) entwickelt. Streng genommen sollte es sich um eine offene Standard-Vektorgrafiksprache handeln, mit der Sie spannende Webgrafikseiten mit hoher Auflösung entwerfen können. Benutzer können Code direkt zum Darstellen von Bildern verwenden, SVG-Bilder mit einem beliebigen Textverarbeitungsprogramm öffnen, die Bilder durch Ändern eines Teils des Codes interaktiv machen und sie jederzeit in HTML einfügen, um sie über einen Browser anzuzeigen.

Erster Kopf in Pygal

Pygal zuerst installieren:

pip install pygal

Nach dem Login kopieren

Wenn Sie das generierte Format auf ein anderes Format als SVG einstellen möchten, z. B. PNG, JPG usw., müssen Sie die folgenden Bibliotheken installieren:

pip install lxml

Nach dem Login kopieren

Befolgen Sie die folgenden Anweisungen, um sie in Ubuntu zu installieren:

sudo apt-get install libxml2-dev libxslt1-dev python-dev
sudo apt-get install python-lxml
pip install cairosvg

Nach dem Login kopieren

Das Prinzip der Installation dieser Bibliothek ist das gleiche wie oben:

sudo apt-get install python-cairosvg

Nach dem Login kopieren

Die folgenden zwei Bibliotheken benötigen nur eine normale Pip-Installation:

pip install tinycss

pip install cssselect

Nach dem Login kopieren

Hello SVG

import pygal              
bar_chart = pygal.Bar()           
bar_chart.add(&#39;Fibonacci&#39;, [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55]) 
bar_chart.render_to_file(&#39;Hello.svg&#39;)

Nach dem Login kopieren

Die generierte Datei ist eine schwarze Hello.svg-Datei, da sie im SVG-Format vorliegt direkt geöffnet werden soll, wählen Sie den Standardbrowser aus, um ihn zu öffnen, und Sie werden etwa Folgendes sehen:

Ausführliche Erklärung, wie man mit Pygal wunderschöne SVG-Bilder in Python generiert

Ein cooleres Bild:

import pygal
line_chart = pygal.Line()
line_chart.title = &#39;Browser usage evolution (in %)&#39;
line_chart.x_labels = map(str, range(2002, 2013))
line_chart.add(&#39;Firefox&#39;, [None, None, 0, 16.6, 25, 31, 36.4, 45.5, 46.3, 42.8, 37.1])
line_chart.add(&#39;Chrome&#39;, [None, None, None, None, None, None, 0, 3.9, 10.8, 23.8, 35.3])
line_chart.add(&#39;IE&#39;,  [85.8, 84.6, 84.7, 74.5, 66, 58.6, 54.7, 44.8, 36.2, 26.6, 20.1])
line_chart.add(&#39;Others&#39;, [14.2, 15.4, 15.3, 8.9, 9, 10.4, 8.9, 5.8, 6.7, 6.8, 7.5])
line_chart.render_to_file(&#39;Hello_line_chart.svg&#39;)

Nach dem Login kopieren

Das generierte Bild sieht so aus:

Ausführliche Erklärung, wie man mit Pygal wunderschöne SVG-Bilder in Python generiert

Hallo PNG

Ja, derzeit benötigen wir kein SVG, wir benötigen nur Diagramme im PNG-Format. Es spielt keine Rolle, Pygal kann es auch:

import pygal
bar_chart = pygal.Bar()
bar_chart.add(&#39;Fibonacci&#39;, [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55])
bar_chart.render_to_file(&#39;bar_chart.svg&#39;)
# 生成 png 格式图表
bar_chart.render_to_png(filename=&#39;bar_chart.png&#39;)

Nach dem Login kopieren

Achten Sie auf die grüne Markierung, erfolgreich generierte Bilder im PNG-Format:

Ausführliche Erklärung, wie man mit Pygal wunderschöne SVG-Bilder in Python generiert

Hallo Flask und Pygal

Lassen Sie Pygal Bilder im SVG-Format generieren, die auf Ihrer Webseite angezeigt werden. Wir wählen Flask aus, um Webunterstützung bereitzustellen:

pip install flask

Nach dem Login kopieren

Der Kerncode lautet wie folgt: Ja, es ist so kurz:

import pygal
from flask import Flask, Response

app = Flask(__name__)

@app.route(&#39;/&#39;)
def index():
 return 
"""
 <html>
 <body>
  <h1>hello pygal and flask</h1>
  <figure>
  <embed type="image/svg+xml" src="/hellosvg/" />
  </figure>
 </body>
 </html>&#39;
"""

@app.route(&#39;/hellosvg/&#39;)
def graph():
 """ render svg graph """
 bar_chart = pygal.Bar()
 bar_chart.add(&#39;Fibonacci&#39;, [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55])
 return Response(response=bar_chart.render(), content_type=&#39;image/svg+xml&#39;)

if __name__ == &#39;__main__&#39;:
 app.run()

Nach dem Login kopieren

Öffnen Sie 127.0.0.1:5000 und Sie werden Folgendes sehen:

Ausführliche Erklärung, wie man mit Pygal wunderschöne SVG-Bilder in Python generiert