众所周知，Python中最常用的绘图工具是Matplotlib库，但随着Web技术的蓬勃发展，以网页形式在浏览器上显示图表已经逐渐成为一种主流的形式。
在V2.0版股票量化分析工具中，我们在GUI中嵌入了Matplotlib来显示股票行情走势。
实现方法可观看异步社区的视频课程《理性投资！2天入门量化思维炒股！定制自己的股票分析工具》（加入星球会员可免费观看）。
那么换成嵌入Web技术又会是怎么样的效果呢？我们把V2.0版升级到了V2.05，在多子图行情显示上扩展了web效果！
关于V2.0系列的历史升级版本如下所示：
Web方案介绍
网页的实现是由HTML、CSS和Javascript三者相结合完成的，HTML负责网页的结构，CSS渲染网页元素的样式，而Javascript给网页增加了动态的行为，总体来看，网页版本的图表在显示效果上可以达到更加生动、炫酷的要求。
比如目前非常流行的echarts库，它是百度开源的基于Javascript的可视化库，用于生成商业级数据图表，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），用它所生成的图表可视化效果非常好。
但是使用echarts还是需要一定的前端知识，为了使它能够与Python对接，有团队推出了Python的网页版可视化库pyecharts，无需涉及任何前端的编程，仅仅利用几行Python代码就能轻松在Python中生成echarts风格的图表，通过浏览器即可打开查看，使用起来很简单，图表效果也非常美观大方。
我们就采用了wxPython结合pyecharts这种实现方案，这个组合在搭建自己的量化交易系统中非常有用。
pyecharts 分为 v0.5.x 和 v1 两个大版本，v0.5.x 版本将不再进行维护，v1是新版本系列，从 v1.0.0 开始，很不幸的是v0.5.x 和v1 间不兼容。
此处的例程更新至1.7.0版本的pyecharts，一定要注意两个版本使用方法差别较大。
V2.05版工具使用效果
接下来我们就用多子图行情显示为场景来展示下动态的效果。
先看下Matplotlib实现的效果。
再来看看pyecharts下实现的效果。
视频演示效果：
说明
如何获取及更新代码：
2.0.5版本代码我会上传知识星球的，只需更新部分文件即可，来拿即用。
本次代码的更改是基于V2.0版本开展的，将DefEchart.py文件添加至ElementGui文件夹中，同时更新MainFrame.py文件即可。
建议采用比较文件内容的方式，了解改动代码的地方，这样有助于大家理解代码可以更好地展开自己的更改。
大家可以利用Pycharm的代码比较功能查看更改的地方。（选中比较的文件点右键，选中Compare with…，再选择另外一个文件）。
如何调整尺寸：
由于不同显示器的尺寸不同，因此我采用的尺寸不一定适合大家。大家在DefEchart.py文件中搜索“调整尺寸”关键字，在相应的代码处改动。
关于Windows环境兼容：
如果Windows环境下碰到无法显示图形的情况，可参照知识星球这篇主题的留言 #人机交互# 【2-1 搭建系统|比Matplotlib更好用的pyecharts打造GUI股票行情分析界面-源码】
知识星球福利
近期加入知识星球可享以下福利：
送异步社区视频课程《理性投资！2天入门量化思维炒股！定制自己的股票分析工具》。配套V2.0的视频讲解。
送199元的CSDN数据分析视频课程《Python金融数据分析入门到实战》。与书籍的内容强相关。
星球目录可点击【阅读原文】查看。为了有限的精力更好服务星球会员，我们会随着加入的人数增多而提高星球价格门槛，239......259......299.....，当然每次调价干货内容必须会相应增加，比如V2.0系列工具升级3-5个功能......
扫下方二维码可加入星球，读者可微信call我获取专享优惠券！
元宵大师的量化交易书籍开售！！京东、当当、天猫有售！！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
