一、Echarts图表组件

Echarts图表选项（option），包含了图表实例任何可配置的选项：公共选项，组件选项，数据选项。而组件选项又在一定程度上将公共选项以及，一般情况下，主要包括标题组件（title）、图例组件（legend）、网格组件（grid）、坐标轴组件（Axis）、提示框组件（tooltip）、工具栏组件（toolbox）以及数据列组件（series），除了上述的基础组件外，还有各大坐标系组件、区域缩放组件（dataZoom）、视觉映射组件（visualMap）、区域选择组件（brush）、时间轴组件（timeline）以及原生图形元素组件（graphic）等。

二、基础组件

一个基本的Echarts图表会包括下面的7大基础组件，也即是说下面的7大基础组件构成了一张基本的Echarts图表。

• 标题组件（title）

即图表的标题，包括主标题和副标题。可设置超链接及修改文本样式等。

• 图例组件（legend）

图例是图表中用来标志不同数据列的，点击图例可以显示或隐藏数据列。

• 网格组件（grid）

该组件是在直角坐标系内绘制网格，在网格上可以绘制其他图形，如折线图，柱形图，散点图等。

• 坐标轴组件（Axis）

直角坐标系组件，主要分为x轴和y轴，对应于网格组件中的x轴和y轴，可设置位置、偏移、极值、间隔等。

• 提示框组件（tooltip）

当鼠标悬浮在数据点或者数据项上时，会以框的形式提示该点的详细信息，提示框内的信息可以根据需求格式化，支持字符串模板以及回调函数两种形式。

• 工具栏组件（toolbox）

内置了导出图片、数据视图、动态类型切换、数据区域缩放、重置等5个工具。

• 数据列组件（series）

数据列是一组数据集合，图表中所有点的数据都来自数据列对象，可以通过type来决定自己的图表类型。

三、其他组件

• 各大坐标系组件

包括极坐标系（polar）、雷达图坐标系（radar）、地理坐标系（geo）、平行坐标系（parallel）等。

• 区域缩放组件（dataZoom）

用于区域缩放，能自由关注细节的数据信息，也能概览数据整体或者去除离群点的影响。内部分为3种类型：内置型、滑动条型、框选型。

• 视觉映射组件（visualMap）

用于进行视觉编码，也就是将数据映射到视觉元素，该组件可以定义多个，以达到可以同时对数据中的多个维度进行视觉映射的效果。

• 区域选择组件（brush）

可以用于选择图中的一部分数据，从而便于向用户展示被选中的数据，或者一些用户的统计计算结果。

• 时间轴组件（timeline）

操作多个option，提供了多个option间进行切换、播放等操作功能。

• 原生图形元素组件（graphic）

可以用来做水印、文本块等，可以支持的图形元素包括：image, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group等。