ECharts数据可视化:入门、实战与进阶
上QQ阅读APP看书,第一时间看更新

1.1 ECharts概述

前言中提到,ECharts作为一种商业级数据图表,是一个开源的数据可视化工具,可在PC端和移动端的大部分浏览器上使用,由JavaScript实现,底层依赖轻量级的矢量图形库ZRender,在提供多种可视化图表的基础上,让用户可以个性化定制所需图表。

除了百度,使用ECharts的机构和企业还有很多,包括国家统计局、国家电网、中国石化、新华社、阿里巴巴、腾讯、小米、凤凰网、网易、新浪、华为、联想、用友、携程、滴滴、唯品会等,如图1-1所示。

图1-1 正在使用ECharts的机构和企业

2012年,当时的百度凤巢前端技术负责人林峰在项目中使用Canvas制作图表,编写出ZRender。ZRender在当时是一种全新的轻量级Canvas类库(ECharts正是源自ZRender),最开始是为了满足百度公司内部商业报表需求而设计的。

之后,百度组建了百度商业前端通用技术组,而数据可视化成为该技术组的重要研究内容,并在内部成立了可视化团队。

ECharts官网至今仍展示着那些在ECharts背后贡献巨大的贡献者们,包括沈毅、宿爽、羡辙、德清、王俊婷、林峰、董睿、黄后锦、苏思文、王忠祥、巫枫等。

2013年6月30日,ECharts发布1.0版本,并入选“2013年国产开源软件10大年度热门项目”,同时在“2013年度最新的20大热门开源软件”中排到第一名。它支持折线图(区域图)、柱状图(条状图)、饼图(环形图),具有图表混搭、拖曳重计算、数据视图、动态类型切换、图例开关、数据区域选择、标线辅助、多维度堆积等特性。

2014年,ECharts推出“ECharts数说世界杯”,通过多图连动,多维度、多视角对世界杯数据进行可视化分享。同年6月,ECharts与百度地图合作,推出合作项目“百度人气”,使用的是当时尚未发布的ECharts 2.0版本。

2014年6月30日,ECharts发布2.0大版本。新版本对近5万行代码进行了全面重构,从底层的ZRender到整个ECharts,使性能得到3倍以上的提升,内存消耗明显降低,更适用于大数据和多图场景,在当时的浏览器大数据场景下测试得到20万数据秒级成图。同时,2.0版本支持状态过渡动画,新增了时间轴、仪表盘、漏斗图这类常用的商业BI类图表。

2014年8月26日,百度基于Web的可视化数据分享平台“百度图说”内测版上线,限量500个体验名额,当天即发放完毕。“百度图说”突出所见即所得的编程环境,便捷的分享和协同编辑能力是这个平台的主要亮点,并且极大降低了可视化制作的学习成本。当时的ECharts已经为除百度外超过100家企业上千个项目提供数据可视化能力支持,如图1-2所示。

图1-2 百度图说首页

2015年1月30日,ECharts 2.2.0发布,修复与升级近50项反馈内容,优化了大量移动设备性能和用户体验,同时ECharts第一个官方分支版本ECharts Mobile(ECharts-m)1.0.0发布。

2015年4月30日,ECharts 2.2.2版本发布,新增韦恩图、矩形树图。值得特别指出的一点是,团队发布了ECharts在线构建工具,实现个性化定制需要的图表代码从而解决了使用全部代码导致体积过于庞大的问题。

2015年6月1日,ECharts 2.2.3版本发布,新增词云图、树图,上线了地图数据在线生成工具。

2015年7月15日,ECharts 2.2.6版本发布,新增热力图、配置项查找工具、表格数据转换工具。

2015年12月3日,ECharts 3 beta版发布,带来了很多变化,例如实现了数据和坐标系的抽象及统一,实现了更深度的交互式数据探索,移动端支持,更丰富的视觉编码手段,精致的动画效果等。

2016年6月30日,ECharts 3.2版本发布,新增刷选、markArea、单轴等组件,优化升级折线图、线图、dataZoom、坐标轴等,引入渐进式渲染和单独高亮层,防止阻塞。

2017年4月14日,ECharts GL(原ECharts X)发布1.0 alpha,作为ECharts的Web-GL扩展,提供了三维散点图、飞线图、柱状图、曲面图、地球等多种三维可视化组件。

同年5月26日,ECharts发布3.6.0版本。新增自定义系列,从此渲染逻辑可以自定义,可以定制更多特殊需求的图表;新增极坐标柱状图;强化dataZoom组件,优化区域缩放体验等。

2017年6月15日,ECharts发布3.6.2版本,自定义系列支持百度地图扩展;矩形树图支持父节点标签的显示;支持图形元素上鼠标cursor样式指定;象形柱图图形界限支持同时设置正负向的值;关系图支持固定力引导布局中的指定节点等。

2017年6月20日,ECharts与阿里DataV联袂合作,在DataV接入ECharts的组件库,如图1-3所示。

图1-3 DataV接入ECharts图表库

2017年12月22日,ECharts和国内另一数据可视化产品——海致BDP强强联合,通过输出给BDP强大丰富的可视化展示方案,为企业带来更加贴近业务需求的商业智能新玩法。这是继ECharts 2017年和阿里DataV宣布合作后的又一重要战略合作。

2018年1月16日,ECharts发布4.0版本,全新8项新特征,包括千万级数据可视化渲染能力、SVG+Canvas双引擎、全新旭日图、数据与样式分离、更扁平的配置项、无障碍访问支持、微信小程序支持、PowerPoint插件。同一天,ECharts GL 1.0正式版发布,极大提升了稳定性、易用性,更加丰富的功能,轻松满足数据大屏、智慧城市、VR、AR等高质量展示需求。同时,全新品牌“百度数据可视化实验室”正式成立。

2018年3月,全球著名开源社区Apache基金会宣布“百度开源的ECharts项目全票通过进入Apache孵化器”。

2019年12月7日,ECharts首场线下交流会在上海举办。

2020年5月26日,ECharts 4.8.0版本发布。作为连续3年(2017—2019年)荣获最受欢迎中国开源软件之一,ECharts的应用会更加广泛。