echarts和pyecharts复用options

1.业务场景

现在遇到一个场景,需要在web页面的前端用echarts绘图,然后又需要在python后端生成echarts绘图的图片。
原来后端采用matplotlib生成图片,但是为了保证图片和web页面图表的一致性,和降低编码难度采用echarts在web页面绘制图表,采用pyecharts+snapshot进行后端生成图片。

2.简介一下这俩框架

Echarts

Echarts是一个非常优秀的可视化框架,由百度开源,提供了非常丰富的图表类型。

值得一提的是,官网支持中文,英语不好的同学省了不少心。
建议使用4.x版本,因为我在18年1月时就已经退出了4.x版本,经过2年左右的发展和维护,4.x版本已经很稳定了,而且在github上拥有高达37k starts。

pyecharts

pyecharts是一款将echarts封装到python中的一款开源框架,由国内几个大哥写的,源码拜读了些许,感觉封装的很有层次感,pythonic十足。

注意,虽然这个框架没出多久,但是已经更迭到V1.0版本了,从1.0起只支持python 3.6以上的版本,所以想要引入pyecharts的时候需要考虑,老项目的python版本是否满足需要,以及依赖包版本是否冲突。

3.复用options

用过echarts的同学都知道,它提供了一个叫setOptions的方法,通过这个方法我们传入一个options就可以生成一个图表了。
对开发者而言,这是非常方便的,我们只需维护这个options变量就OK了。
转过头看pyecharts,由于对echarts进行了封装,所以需要源码安装,看看人家是怎么封装的,才能知道怎么用啊。

3.1 源码安装pyecharts

先进入到一个你打算存放pyecharts的文件夹,然后执行下面命令从github上下载源码。

$ git clone https://github.com/pyecharts/pyecharts.git

等待下载完毕,然后在下载好的目录中会有一个setup.py文件,没错这就是python包的安装文件,然后执行下列命令:

$ python setup.py install

然后就开始安装了,等待安装完毕,就可以查看pyecharts的源码了。

3.2 开始学习使用pycharts

我是直接看的“5分钟上手”,地址:5分钟上手

image.png

3.3 发现端倪

找了一圈,没有发现setOptions方法,这样一来就无法达到复用options的目的了,于是打算进入源码中探寻细节。
例子里是一个Bar 直方图类,循着父类网上找,最终找到了Base类,官方文档也说了Base类是所有图表类基类,所以options有很大概率是在这里被初始化的。


Base图表基类

聪明的你一定和我一样一开始啥也没看出来,看看红框中的内容,眼熟不?
没错,在Base类中有一个叫options的属性,就是我们寻找良久的options。
再接着想,这样我们就不用再根据图表的类型分别实例化了吧,直接一个Base类就搞定了。

3.4 验证猜想

以上纯属推测,验证一下呗。

import json

from pyecharts.charts.base import Base

options =  {
        'title': {
            'text': 'ECharts 入门示例'
        },
        'tooltip': {},
        'legend': {
            'data': ['销量']
        },
        'xAxis': {
            'data': ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
        },
        'yAxis': {},
        'series': [{
            'name': '销量',
            'type': 'bar',
            'data': [5, 20, 36, 10, 10, 20]
        }]
    }

chart = Base()
chart.options = options
html_path = "rectangle_diagram.html"
chart.render(html_path)

然后在你的项目的目录下会生成一个叫rectangle_diagram.html的文件,没错就是他了,用浏览器打开就能看到图表了。

注意:正常来讲options应该是JSON格式的,但是在python中需要对其进行反序列化(JSON转成python dict的过程),一般我们用内置的json模块就行了,方法是json.loads(json_obj)。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 221,331评论 6 515
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,372评论 3 398
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 167,755评论 0 360
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,528评论 1 296
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,526评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,166评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,768评论 3 421
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,664评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,205评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,290评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,435评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,126评论 5 349
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,804评论 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,276评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,393评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,818评论 3 376
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,442评论 2 359