Echarts模块v1.5更新【更新支持多线程，封装大量快速方法，增加史上最详细示例】

最近正迷糊

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

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



在此声明一下，本模块封装的是百度的全球知名开源项目echarts.js（可在官网中查看github网址），本模块延续了原echarts项目的开源精神，所以本模块也是完全开源的。
本模块本身并没有多少技术含量，只是力气活封装了一下，方便大众使用而已，大家都可以随意复制使用，但请尊重原作者，复制修改重发的时候标注一下原出处。



言归正传


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



本模块目前最新版本为1.5


本模块特点：

• 内置了一个完整的json类，所有图形的配置可以通过内置json类快速配置修改（修改自易语言论坛一位朋友的json类源码，作者：qqq123123）
• 内置了完整echarts.min.js文件，所以可以支持生成离线图形（地图类需自行下载地图数据文件），并且理论上支持官方的所有图形
• 模块1.4版本时添加封装了大量的快速方法，无需自行一条一条的配置图形的json，为快速开发节省大量时间
• 模块生成图形时支持添加自定义js和css代码，并且支持引用外部js（例如可以引用外部地图数据js文件或者算法库js文件等等）和css文件
• 本模块内置6套官方配色主题，同时支持官方在线配色代码导入
  

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

1. 源码及最新模块、示例下载：https://coding.net/u/lsy9202/p/E-echarts/git

复制代码

QQ讨论群：93902676（使用遇到问题解答、最新模块、示例下载）

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

复制代码

模块下载：
Echarts模块v1.5.0.80.rar (227.53 KB, 下载次数: 202)

2017-11-3 10:24 上传

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


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

1. echarts官网：http://echarts.baidu.com/
   
2. 官方全中文API：http://echarts.baidu.com/option.html（有问题查这里）
   
3. 超多官方示例大全：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介绍：】

cef易语言模块的作者是精易论坛的黑猫（最后更新时间：2017年4月）。

cef易语言模块是一个完整的经过封装的chromium，它经过个人外部完善后可以作为一个完整的浏览器使用。

cef使用的内核版本是：49.0.2623.110 webkit 537.36

cef比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.折线图/散点图


2.雷达图


3.仪表盘


4.多组饼图




下边是示例截图（示例截图来自CEF版示例大全）

天外飞雪

下载地址已失效，

oumeiy

谢谢分享！！！

linxi316

谢谢分享！！！！！

wd4507

gjtx888 发表于 2021-4-8 21:22
可以实时在图中加入数据吗？

我也想知道

gjtx888

可以实时在图中加入数据吗？

taodile

感谢您的分享，图标很漂亮，nice~~~

阿芙娜

请问有DEMO可以介绍应用么

xygmxw

这个模块真好啊

Else

感谢您的分享，图标很漂亮，nice~~~