python用Pygal如何生成漂亮的SVG图像详解

更新时间：2017年02月10日 11:39:18 投稿：daisy

本篇文章讲述python如何用 Pygal 来生成漂亮的 SVG 图表，并能够利用 Python 中的 Flask 框架来显示你的 SVG 图像，需要的朋友可以参考借鉴，下面来一起看看吧。

前言

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 的用法啦：

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果想学习更多内容还请移步 pygal 官方文档吧。希望本文的内容对大家能有一定的帮助。

您可能感兴趣的文章:

python中字符串的常见操作总结(二)
这篇文章主要介绍了python中字符串的常见操作，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
2022-07-07
详解Python正则表达式re模块
这篇文章主要介绍了Python正则表达式re模块，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-03-03
从零学python系列之浅谈pickle模块封装和拆封数据对象的方法
这个系列也发了几篇文章了，都是个人的一些学习心得的记录，今天在学习文件数据处理的时候了解到有pickle模块，查找官方文档学习了一些需要用到的pickle内容。
2014-05-05
基于python实现破解滑动验证码过程解析
这篇文章主要介绍了基于python实现破解滑动验证码过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-05-05
Python数据分析基础之文件的读取
这篇文章主要为大家介绍了Python数据分析之文件的读取，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2021-12-12
Python-openCV读RGB通道图实例
今天小编就为大家分享一篇Python-openCV读RGB通道图实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-01-01
Python hashlib模块加密过程解析
这篇文章主要介绍了Python hashlib模块加密过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-11-11
python在命令行中使用 pdb 实现断点调试功能
在命令行中设置断点通常需要使用调试工具来实现，下面以 Python 为例介绍如何在命令行中使用pdb实现断点调试，这篇文章主要介绍了python在命令行中使用pdb实现断点调试,需要的朋友可以参考下
2023-06-06
Python使用latexify模块实现将代码为数学公式
latexify 是一个轻量级的 Python 模块,可以将 Python 代码转换为 LaTeX 格式的数学表达式,这篇文章就来和大家探索一下如何使用latexify模块实现将代码为数学公式吧
2023-12-12
Python中的GIL全局解释器锁多线程编程的隐患剖析
Python作为一门强大而灵活的编程语言,吸引了大量的开发者,然而,对于多线程编程来说,Python引入了一个概念——全局解释器锁（Global Interpreter Lock,简称GIL）,它在一定程度上影响了多线程程序的性能,本文将深入探讨GIL的概念,它对多线程编程的影响以及如何处理与绕过它
2023-10-10