手机版
你好,游客 登录 注册
背景:
阅读新闻

Ubuntu下使用Python的pygal库创建SVG矢量图形

[日期:2019-04-22] 来源:Linux公社  作者:醉落红尘 [字体: ]

前言

SVG是一种矢量图格式,是Scalable Vector Graphics三个单词的首字母缩写。它是基于XML(Extensible Markup Language),由World Wide Web Consortium(W3C)联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像,可以用任何文字处理工具打开SVG图像,通过改变部分代码来使图像具有交互功能,并可以随时插入到HTML中通过浏览器来观看。

环境:Ubuntu 18.04 LTS

Python版本:Python 3.6.7

首先要安装 pygal:

linuxidc@linuxidc:~/linuxidc.com$ pip3 install pygal
Collecting pygal
  Downloading https://files.pythonhosted.org/packages/5f/b7/201c9254ac0d2b8ffa3bb2d528d23a4130876d9ba90bc28e99633f323f17/pygal-2.4.0-py2.py3-none-any.whl (127kB)
    100% |████████████████████████████████| 133kB 231kB/s
Installing collected packages: pygal
Successfully installed pygal-2.4.0

Ubuntu下使用Python的pygal库创建SVG矢量图形

如果你要把生成格式设为除了 svg 之外的格式,比如 png,jpg 图片格式,就要安装以下这几个库了:

linuxidc@linuxidc:~/linuxidc.com$ pip3 install lxml -i https://pypi.douban.com/simple/

Collecting lxml
  Downloading https://pypi.doubanio.com/packages/35/8a/5e066949f2b40caac32c7b2a77da63ad304b5fbe869036cc3fe4a198f724/lxml-4.3.3-cp36-cp36m-manylinux1_x86_64.whl (5.7MB)
    100% |████████████████████████████████| 5.7MB 12.6MB/s
Installing collected packages: lxml
Successfully installed lxml-4.3.3

Ubuntu下使用Python的pygal库创建SVG矢量图形

在 Ubuntu 中按照如下提示安装即可:

linuxidc@linuxidc:~/linuxidc.com$ sudo apt-get install libxml2-dev libxslt1-dev python-dev

Ubuntu下使用Python的pygal库创建SVG矢量图形

linuxidc@linuxidc:~/linuxidc.com$ sudo apt-get install python-lxml

Ubuntu下使用Python的pygal库创建SVG矢量图形

linuxidc@linuxidc:~/linuxidc.com$ pip3 install cairosvg -i https://pypi.douban.com/simple/

Ubuntu下使用Python的pygal库创建SVG矢量图形
 

安装该库原理同上:

linuxidc@linuxidc:~/linuxidc.com$ sudo apt-get install python-cairosvg

Ubuntu下使用Python的pygal库创建SVG矢量图形 

如下两个库,只需正常 pip3 安装即可:

linuxidc@linuxidc:~/linuxidc.com$ pip3 install tinycss -i https://pypi.douban.com/simple/
Collecting tinycss
  Downloading https://pypi.doubanio.com/packages/05/59/af583fff6236c7d2f94f8175c40ce501dcefb8d1b42e4bb7a2622dff689e/tinycss-0.4.tar.gz (87kB)
    100% |████████████████████████████████| 92kB 824kB/s
Building wheels for collected packages: tinycss
  Running setup.py bdist_wheel for tinycss ... done
  Stored in directory: /home/linuxidc/.cache/pip/wheels/00/1e/22/af03548f887c6f9a423f72f819c46a4df9e2aabbb9480be30b
Successfully built tinycss
Installing collected packages: tinycss
Successfully installed tinycss-0.4

Ubuntu下使用Python的pygal库创建SVG矢量图形

linuxidc@linuxidc:~/linuxidc.com$ pip3 install cssselect -i https://pypi.douban.com/simple/
Collecting cssselect
  Downloading https://pypi.doubanio.com/packages/7b/44/25b7283e50585f0b4156960691d951b05d061abf4a714078393e51929b30/cssselect-1.0.3-py2.py3-none-any.whl
Installing collected packages: cssselect
Successfully installed cssselect-1.0.3

Ubuntu下使用Python的pygal库创建SVG矢量图形 

Hello SVG

import pygal             
bar_chart = pygal.Bar()         
bar_chart.add('linuxidc', [0, 1, 1, 5, 6, 8, 13, 22, 35, 55])
bar_chart.render_to_file('linuxidc.com.svg')

在当前目录生成的是黑色的 linuxidc.com.svg 文件,因为是 svg 格式的,一般的话直接是不能打开的,选择默认的浏览器打开吧,看到就是底下这个样子:

Ubuntu下使用Python的pygal库创建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('www.linuxidc.com.svg')

生成的图就是下面这个样子:

Ubuntu下使用Python的pygal库创建SVG矢量图形


有时候,我们不需要 svg,只需要 png 格式的图表,没关系,pygal 也能够做到:
 
import pygal
bar_chart = pygal.Bar()
bar_chart.add('linuxidc', [0, 1, 1, 5, 7, 8, 15, 21, 35, 60])
bar_chart.render_to_file('linux.linuxidc.com.svg')
# 生成 png 格式图表
bar_chart.render_to_png(filename='linux.linuxidc.com.png')

成功生成 png 格式的图片:

Ubuntu下使用Python的pygal库创建SVG矢量图形

让 Pygal 生成的 svg 格式图片中,显示在你的网页上呗,我们选择 flask 来提供 web 支持:

linuxidc@linuxidc:~/linuxidc.com$ pip3 install flask -i https://pypi.douban.com/simple/

核心代码如下,没错就是这么短:

import pygal
from flask import Flask
app = Flask(__name__)
@app.route('/')
def drawSVG():
  line_chart = pygal.Line(legend_at_bottom=True,legend_box_size=18)
  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])
  svg = line_chart.render_response()
  return svg
if __name__ == '__main__':
  app.run()
 

打开 127.0.0.1:5000 就能看到下面的样子咯:

Ubuntu下使用Python的pygal库创建SVG矢量图形

总结

以上就是Ubuntu下使用Python的pygal库创建SVG矢量图形的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果想学习更多内容还请移步 pygal 官方文档吧。

更多Python相关信息见Python 专题页面 https://www.linuxidc.com/topicnews.aspx?tid=17

Linux公社的RSS地址https://www.linuxidc.com/rssFeed.aspx

本文永久更新链接地址https://www.linuxidc.com/Linux/2019-04/158242.htm

linux
相关资讯       Python pygal库  Python创建SVG矢量图形 
本文评论   查看全部评论 (0)
表情: 表情 姓名: 字数

       

评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款