echarts.js

echarts.js是一个编程文件，它是一个纯JavaScript的图标库，兼容绝大部分的浏览器，底层依赖轻量级的canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。需要的朋友可以来欧普园下载！

echarts.js优势

1、echarts.js容易使用

echarts.js的官方文档比较详细，而且官网中提供大量的使用示例供大家使用

2、echarts.js支持按需求打包

echarts.js官网提供了在线构建的工具，可以在线构建项目时，选择项目所需要使用到的模块，从而达到减小JS文件的体积

3、echarts.js开源

4、支持中国地图功能

echarts.js缺点

1、echarts.js的体积较大

一个基础的echarts.js都要400K左右，相对于D3.js和hightcharts.js来说都是比较大的

2、echarts.js的可定制性差

exharts.js 交互组件

ECharts.js有很多的交互组件，一般经常用到的组件有这些：

title：标题组件，包含主标题和副标题。

legend：图例组件,展现了不同系列的标记(symbol)，颜色和名字。可以通过点击图例控制哪些系列不显示。

xAxis：直角坐标系 grid 中的 x 轴，一般情况下单个 grid 组件最多只能放左右两个 x 轴，多于两个 x 轴需要通过配置 offset 属性防止同个位置多个 x 轴的重叠。

yAxis：直角坐标系 grid 中的 y 轴，一般情况下单个 grid 组件最多只能放左右两个 y 轴，多于两个 y 轴需要通过配置 offset 属性防止同个位置多个 Y 轴的重叠。

tooltip：提示框组件，就是当你的鼠标悬浮在图表上的提示内容。

toolbox：工具栏组件。内置有导出图片、数据视图、动态类型切换、数据区域缩放、重置五个工具。

series：系列列表。我理解为数据列表。这里可以定义每组数据内容，以及数据的展现形式。

timeline:提供了在多个ECharts option 之间进行切换、播放等操作的功能。

dataZoom:用于区域缩放，从而能自由关注细节的数据信息，或者概览数据整体，或者去除离群点的影响。