svg可以算是目前最最火热的图像文件格式了，它的英文全称为scalable vector graphics，意思为可缩放的矢量图形。它是基于xml（extensible markup language），由world wide web consortium（w3c）联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开svg图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到html中通过浏览器来观看。
first head in pygal
首先安装 pygal 啦：
pip install pygal
如果你要把生成格式设为除了 svg 之外的格式，如 png，jpg 之类，就要安装底下几个库了：
pip install lxml
在 ubuntu 中按照如下提示安装即可：
sudo apt-get install libxml2-dev libxslt1-dev python-dev sudo apt-get install python-lxml pip install cairosvg
安装该库原理同上：
sudo apt-get install python-cairosvg
如下两个库，只需正常 pip 安装即可：
pip install tinycss pip install cssselect
hello svg
import pygal bar_chart = pygal.bar() bar_chart.add('fibonacci', [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55]) bar_chart.render_to_file('hello.svg')
生成的是黑色的 hello.svg 文件，因为是 svg 格式的，一般的话直接是不能打开的，选择默认的浏览器打开吧，看到就是底下这个样子：
更加炫酷点的图：
import pygal line_chart = pygal.line() line_chart.title = 'browser usage evolution (in %)' line_chart.x_labels = map(str, range(2002, 2013)) line_chart.add('firefox', [none, none, 0, 16.6, 25, 31, 36.4, 45.5, 46.3, 42.8, 37.1]) line_chart.add('chrome', [none, none, none, none, none, none, 0, 3.9, 10.8, 23.8, 35.3]) line_chart.add('ie', [85.8, 84.6, 84.7, 74.5, 66, 58.6, 54.7, 44.8, 36.2, 26.6, 20.1]) line_chart.add('others', [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('hello_line_chart.svg')
生成的图就是下面这个样子：
hello png
有时候，我们不需要 svg，只需要 png 格式的图表，没关系，pygal 也能够做到：
import pygal bar_chart = pygal.bar() bar_chart.add('fibonacci', [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55]) bar_chart.render_to_file('bar_chart.svg') # 生成 png 格式图表 bar_chart.render_to_png(filename='bar_chart.png')
注意绿色的标示，成功生成 png 格式的图片啦：
hello flask and pygal
让 pygal 生成的 svg 格式图片中，显示在你的网页上呗，我们选择 flask 来提供 web 支持：
pip install flask
核心代码如下，没错就是这么短：
import pygal from flask import flask, response app = flask(__name__) @app.route('/') def index(): return """ <html> <body> <h1>hello pygal and flask</h1> <figure> <embed type="image/svg+xml" src="/hellosvg/" /> </figure> </body> </html>' """ @app.route('/hellosvg/') def graph(): """ render svg graph """ bar_chart = pygal.bar() bar_chart.add('fibonacci', [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55]) return response(response=bar_chart.render(), content_type='image/svg+xml') if __name__ == '__main__': app.run()
打开 127.0.0.1:5000 就能看到下面的样子咯：
当然咯，你还可以做出如下更为炫酷的 svg 图像，不过这一切都是 pygal 的用法啦：
更多python用pygal如何生成漂亮的svg图像详解。