百度震撼发布的能用在PC、手机、pad,甚至是PPT里边的强大可视化框架Echarts4.0,前端必备

1

Echarts4.0简介

ECharts,来自百度,是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等)。

先来欣赏几张用echarts实现的效果图,非常炫:

(1)效果图一:地图lines多色动态图

(2)效果图二:本年商场男女比例

2

Echarts的历史发展

Echarts从最初的1.0发展到现在的4.0可以说版本众多,目前市场上在线应用的常用版本都可以追溯到2016年1月12日。这个项目是百度数据可视化实验室打造的一个开源可视化项目,历史发展悠久,基本上在开源可视化的应用阵营里边,一般的程序员都会选择这个图标展现插件。

3

Echarts4.0此次带给大家的10项新科技包括如下:

(1)丰富的可视化类型

ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。

除了已经内置的包含了丰富功能的图表,ECharts 还提供了自定义系列,只需要传入一个renderItem函数,就可以从数据映射到任何你想要的图形

(2)多种数据格式无需转换直接使用

ECharts 内置的 dataset 属性(4.0+)支持直接传入包括二维表,key-value 等多种格式的数据源

(3)千万数据的前端展现

通过增量渲染技术(4.0+),配合各种细致的优化,ECharts 能够展现千万级的数据量,并且在这个数据量级依然能够进行流畅的缩放平移等交互。

(4)移动端优化

ECharts 针对移动端交互做了细致的优化,例如移动端小屏上适于用手指在坐标系中进行缩放、平移。 PC 端也可以用鼠标在图中进行缩放(用鼠标滚轮)、平移等。

(5)多渲染方案,跨平台使用

ECharts 支持以 Canvas、SVG(4.0+)、VML 的形式渲染图表。VML 可以兼容低版本 IE,SVG 使得移动端不再为内存担忧,Canvas 可以轻松应对大数据量和特效的展现。

(6)深度的交互式数据探索

交互是从数据中发掘信息的重要手段。“总览为先,缩放过滤按需查看细节”是数据可视化交互的基本需求。

(7)多维数据的支持以及丰富的视觉编码手段

ECharts 3 开始加强了对多维数据的支持。除了加入了平行坐标等常见的多维数据可视化工具外,对于传统的散点图等,传入的数据也可以是多个维度的。

(8)动态数据

ECharts 由数据驱动,数据的改变驱动图表展现的改变。

(9)通过 GL 实现更多更强大绚丽的三维可视化

想要在 VR,大屏场景里实现三维的可视化效果?echarts提供了基于 WebGL 的 ECharts GL

(10)无障碍访问(4.0+)

ECharts 4.0可以让盲人可以在朗读设备的帮助下了解图表内容,让图表可以被更多人群访问!

4

Echarts4.0的应用场景

这边不得不提 Echarts4.0非常强大的地方, Echarts不但可以应用于各种PC端的浏览器上,而且还可以应用手机,pad上,甚至对于一些需要在ppt中应用漂亮图表插件的人事来讲, Echarts马上要提供相关插件了,非常值得期待。

5

Echarts4.0的代码示例:

6

Echarts4.0的官方地址:

强力推荐!

此公众号,长期发布互联网IT主流技术文章,目前已发布将近300多篇、10万行实战代码(涵盖:Java、大数据、Web前端、Android、IOS、测试等方向)供大家研究和学习,点击如下链接即可查看:

欢迎大家关注该微信公众号,关注方法如下:

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180117G0O5B900?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券