前言
SVG可以算是目前最最火熱的圖像文件格式了，它的英文全稱為Scalable Vector Graphics，意思為可縮放的矢量圖形。它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）聯(lián)盟進(jìn)行開發(fā)的。嚴(yán)格來說應(yīng)該是一種開放標(biāo)準(zhǔn)的矢量圖形語言，可讓你設(shè)計激動人心的、高分辨率的Web圖形頁面。用戶可以直接用代碼來描繪圖像，可以用任何文字處理工具打開SVG圖像，通過改變部分代碼來使圖像具有交互功能，并可以隨時插入到HTML中通過瀏覽器來觀看。
First Head in Pygal
首先安裝 pygal 啦：
pip install pygal
如果你要把生成格式設(shè)為除了 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 格式的，一般的話直接是不能打開的，選擇默認(rèn)的瀏覽器打開吧，看到就是底下這個樣子：
更加炫酷點的圖：
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 格式的圖表，沒關(guān)系，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')
注意綠色的標(biāo)示，成功生成 png 格式的圖片啦：
Hello Flask and Pygal
讓 Pygal 生成的 svg 格式圖片中，顯示在你的網(wǎng)頁上唄，我們選擇 flask 來提供 web 支持：
pip install flask
核心代碼如下，沒錯就是這么短：
import pygal
from flask import Flask, Response
app = Flask(__name__)
@app.route('/')
def index():
return
"""
hello pygal and flask
'
"""
@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 就能看到下面的樣子咯：
當(dāng)然咯，你還可以做出如下更為炫酷的 svg 圖像，不過這一切都是 pygal 的用法啦：
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果想學(xué)習(xí)更多內(nèi)容還請移步 pygal 官方文檔吧。希望本文的內(nèi)容對大家能有一定的幫助。
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯(lián)系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
