本帖最后由 最近正迷糊 于 2017-11-3 10:24 编辑

首先感谢精易论坛管理人员，今天群里一位朋友提醒才知道我的模块被人冒名抄袭，并且被内置了推广代码发到论坛里了，在帖子中提交投诉后很快就经论坛管理删除了冒名的抄袭贴，在此感谢！

这也提醒我了，这个模块也一直在更新，但仅仅在易语言官网论坛发帖过，精易论坛发帖还停留在1.2版本，今天特意上来发帖重新更新一下。

在此声明一下，本模块封装的是百度的全球知名开源项目echarts.js(可在官网中查看github网址)，本模块延续了原echarts项目的开源精神，所以本模块也是完全开源的。

本模块本身并没有多少技术含量，只是力气活封装了一下，方便大众使用而已，大家都可以随意复制使用，但请尊重原作者，复制修改重发的时候标注一下原出处。

言归正传

echarts的大名如果没有听过可以去百度一下，它是一个企业级的开源图表库，它是一个web图表库，所以在易语言中使用需要浏览框(浏览器)的支持，echarts的好处在于它有最全面的全中文api文档，支持多种多样的图形及配置，例如散点图、折线图、柱状图、饼图、地图、雷达图、K线图、箱线图、热力图、关系图、矩形树图、平行坐标、桑基图、漏斗图、仪表盘等等。

124_129065_17d49b666f5722a.png (255.42 KB, 下载次数: 0)

2017-11-2 21:53 上传

本模块目前最新版本为1.5

本模块特点：

内置了一个完整的json类，所有图形的配置可以通过内置json类快速配置修改(修改自易语言论坛一位朋友的json类源码，作者：qqq123123)

内置了完整echarts.min.js文件，所以可以支持生成离线图形(地图类需自行下载地图数据文件)，并且理论上支持官方的所有图形

模块1.4版本时添加封装了大量的快速方法，无需自行一条一条的配置图形的json，为快速开发节省大量时间

模块生成图形时支持添加自定义js和css代码，并且支持引用外部js(例如可以引用外部地图数据js文件或者算法库js文件等等)和css文件

本模块内置6套官方配色主题，同时支持官方在线配色代码导入

本模块最新版及源码永久下载地址：

源码及最新模块、示例下载：https://coding.net/u/lsy9202/p/E-echarts/git复制代码QQ讨论群：93902676(使用遇到问题解答、最新模块、示例下载)

模块及示例打包网盘下载：https://pan.baidu.com/s/1dFlfWUt复制代码模块下载：

Echarts模块v1.5.0.80.rar

(227.53 KB, 下载次数: 169)

2017-11-3 10:24 上传

点击文件名下载附件

下载积分: 精币 -1 枚

示例因附属文件稍大，所以请前往上边coding、网盘或群文件下载。

群作业中有模块常见问题解答。

TIM截图20171102211757.png (88.41 KB, 下载次数: 0)

2017-11-2 21:43 上传

TIM截图20171102210533.png (92.7 KB, 下载次数: 0)

2017-11-2 21:43 上传

echarts官网：http://echarts.baidu.com/

官方全中文API：http://echarts.baidu.com/option.html(有问题查这里)

超多官方示例大全：http://echarts.baidu.com/examples.html(史上最全官方示例)复制代码

上边说过echarts运行需要浏览框(浏览器)的支持。这里有三种方法：

易语言内置‘超文本浏览框’(IE内核)

wke内核浏览框模块(模块作者：kyozy，群号：124479181)

CEF3浏览器模块/支持库(模块作者：精易论坛黑猫)

【简单介绍一下：】wke和cef都来源于google的开源浏览器项目chromium，简单来说他们都是经过封装的浏览器控件。它们都可以绑定到易语言窗口中的任意控件上用来显示由html或js生成的页面或者图形(绑定到启动窗口句柄上就可以作为全屏webUI了)。【WKE介绍：】wke的作者是BlzFans(最后更新时间：2013年)。wke是一个经过高度精简的chromium项目，它的dll只有10MB左右(经过压缩后只有3MB)。wke最后一次更新时间是2013年，之后没有再更新过，所以可能不支持最新的h5、CSS3、es6的一些新技术，但是它的好处在于dll文件只有10MB左右，相对于几十MB甚至上百MB的chromium已经相当小了。熟悉html的同学可以用它做webUI界面，灵活简便流行的html很容易让你的项目界面UI让人耳目一新。本echarts图表库示例中使用的wke模块是由易语言论坛kyozy封装的wke模块，目前最新版为1.4。wke支持运行js代码。【CEF介绍：】

的作者是精易论坛的黑猫(最后更新时间：2017年4月)。cef易语言模块是一个完整的经过封装的chromium，它经过个人外部完善后可以作为一个完整的浏览器使用。cef使用的内核版本是：49.0.2623.110 webkit 537.36cef比wke完整，并且比wke的内核版本新很多，所以它比wke对html、css和js支持的完整，且页面性能更接近桌面版浏览器。cef的唯一缺点就是文件大，附属文件比较多，大约33MB+cef和chrome一样附带了完整的开发者工具，用过的应该都了解，这个是神器。cef支持运行js代码。cef黑猫有模块版也有支持库版。

【为什么不建议易语言内置的超文本浏览框(IE内核)：】易语言内置的超文本浏览框是使用系统内置IE内核。超文本浏览框运行js代码很麻烦，且不保证所有代码都可以正常运行。表面看它最方便，不需要任何外部文件，单实际上它也是需要外部文件，不一样的是它的外部文件早已随操作系统安装内置了。并且由于IE各个版本性能、标准等等差异太大，IE早已经成为目前所有WEB前端从业者的噩梦。因为你编写的页面在IE11上可以正常运行，可能到IE10上就不行了，等你搞定了10，那么9可能又挂了，最流行的操作系统XP内置的IE版本是6，你可以自己想象你会面对什么样的客户吐槽。wke和cef虽然需要附带一些外部文件，但是它们基本可以保证在各种不同环境中运行效果一致。

【对于echarts图表模块怎么选择wke还是cef还是IE：】1.假设你使用的图形非常简单，且不需要动态更新，那么可以使用超文本浏览框(IE)或者WKE；2.假设你使用的图形需要动态更新效果，并且图形也不算复杂，建议使用wke；3.假设你使用的图形比较复杂或者需要更好的显示性能，例如股票K线图、极坐标图、水球图等等(包括但不限，只要是wke带不动的)，那么一律建议使用cef；4.假设你使用的图形不需要动态更新，且可以保证你的使用环境IE版本在9以上(最好是11+)，那么不管是简单图形或者复杂图形(包括但不限股票K线图、极坐标图、水球图等等)你都可以尝试使用超文本浏览框(IE)。

下边是部分快速生成图形方法示例1.折线图/散点图

折线和散点.png (25.26 KB, 下载次数: 0)

2017-11-2 22:02 上传

2.雷达图

雷达图.png (17.98 KB, 下载次数: 0)

2017-11-2 22:03 上传

3.仪表盘

仪表盘.png (17.48 KB, 下载次数: 0)

2017-11-2 22:03 上传

4.多组饼图

饼图.png (20.84 KB, 下载次数: 0)

2017-11-2 22:03 上传

下边是示例截图(示例截图来自CEF版示例大全)

1.png (66.36 KB, 下载次数: 0)

2017-11-2 21:44 上传

2.png (44.75 KB, 下载次数: 0)

2017-11-2 21:44 上传

3.png (52.31 KB, 下载次数: 0)

2017-11-2 21:44 上传

4.png (61.76 KB, 下载次数: 0)

2017-11-2 21:44 上传

5.png (76.89 KB, 下载次数: 0)

2017-11-2 21:44 上传

6.png (31.1 KB, 下载次数: 0)

2017-11-2 21:44 上传

7.png (59.53 KB, 下载次数: 0)

2017-11-2 21:44 上传

8.png (54.01 KB, 下载次数: 0)

2017-11-2 21:44 上传

9.png (33.17 KB, 下载次数: 0)

2017-11-2 21:44 上传

10.png (44.85 KB, 下载次数: 0)

2017-11-2 21:44 上传

11.png (60.58 KB, 下载次数: 0)

2017-11-2 21:44 上传

12.png (94.86 KB, 下载次数: 0)

2017-11-2 21:44 上传

13.png (72.17 KB, 下载次数: 0)

2017-11-2 21:44 上传

14.png (73.4 KB, 下载次数: 0)

2017-11-2 21:44 上传

15.png (72.9 KB, 下载次数: 0)

2017-11-2 21:44 上传

16.png (70.45 KB, 下载次数: 0)

2017-11-2 21:45 上传

17.png (68.81 KB, 下载次数: 0)

2017-11-2 21:45 上传