echarts参考手册

　　echarts参考手册是中国用户翻译的使用说明文件，将原来的英文说明转换为用户说明，更加方便中国用户使用echarts程序进行图表的设计与制作，由于echarts是国外开发的程序，对于英文不是很好的朋友来说难免会遇到很多设计上的问题，这个 时候就可以查看该软件的使用说明书，了解具体的使用程序方式，从而加深对软件的程序流程，有效的帮助用户快速上手软件，特别是对于新学习的用户，这款中文的使用说明书尤为重要，需要的朋友可以下载试试！

软件功能

　　移动端自适应

　　ECharts 工作在用户指定高宽的 DOM 节点（容器）中。ECharts 的『组件』和『系列』都在这个 DOM 节点中，每个节点都可以由用户指定位置。图表库内部并不适宜实现 DOM 文档流布局，因此采用类似绝对布局的简单容易理解的布局方式。但是有时候容器尺寸极端时，这种方式并不能自动避免组件重叠的情况，尤其在移动端小屏的情况下。

　　另外，有时会出现一个图表需要同时在PC、移动端上展现的场景。这需要 ECharts 内部组件随着容器尺寸变化而变化的能力。

　　为了解决这个问题，ECharts 完善了组件的定位设置，并且实现了类似 CSS Media Query 的自适应能力。

　　left/right/top/bottom/width/height 定位方式：

　　这六个量中，每个量都可以是『绝对值』或者『百分比』或者『位置描述』。

　　绝对值

　　单位是浏览器像素（px），用 number 形式书写（不写单位）。例如 {left: 23, height: 400}。

　　百分比

　　表示占 DOM 容器高宽的百分之多少，用 string 形式书写。例如 {right: '30%', bottom: '40%'}。

　　位置描述

　　可以设置 left: 'center'，表示水平居中。

　　可以设置 top: 'middle'，表示垂直居中。

　　ECharts 中的事件和行为

　　在 ECharts 的图表中用户的操作将会触发相应的事件。开发者可以监听这些事件，然后通过回调函数做相应的处理，比如跳转到一个地址，或者弹出对话框，或者做数据下钻等等。

　　在 ECharts 3 中绑定事件跟 2 一样都是通过 on 方法，但是事件名称比 2 更加简单了。ECharts 3 中，事件名称对应 DOM 事件名称，均为小写的字符串

软件特色

　　这六个量的概念，和 CSS 中六个量的概念类似：

　　left：距离 DOM 容器左边界的距离。

　　right：距离 DOM 容器右边界的距离。

　　top：距离 DOM 容器上边界的距离。

　　bottom：距离 DOM 容器下边界的距离。

　　width：宽度。

　　height：高度。

　　在横向，left、right、width 三个量中，只需两个量有值即可，因为任两个量可以决定组件的位置和大小，例如 left 和 right 或者 right 和 width 都可以决定组件的位置和大小。 纵向，top、bottom、height 三个量，和横向类同不赘述。

使用方法

　　ECharts 中支持的图表行为，通过 dispatchAction 触发。

　　注： 代码中的 ?: 表示该属性是可选的。EVENT: 是 action 对应触发的事件。

　　action.highlight Action

　　高亮指定的数据图形。

　　通过seriesName或者seriesIndex指定系列。如果要再指定某个数据可以再指定dataIndex或者name。

　　取消高亮指定的数据图形。

　　通过seriesName或者seriesIndex指定系列。如果要指定某个数据可以再指定dataIndex或者name。

　　events.鼠标事件 *

　　鼠标事件的事件参数是事件对象的数据的各个属性，对于图表的点击事件，基本参数如下，其它图表诸如饼图可能会有部分附加参数。例如饼图会有percent属性表示百分比，具体见各个图表类型的 label formatter 回调函数的 params。

　　{

　　ACTION: legendToggleSelect 切换图例选中状态后的事件。

　　注：图例组件用户切换图例开关会触发该事件。

　　ACTION: legendSelect 图例选中后的事件。

　　ACTION: legendUnSelect 图例取消选中后的事件。

　　ACTION: dataZoom

　　数据区域缩放后的事件。

　　ACTION: selectDataRange 视觉映射组件中，range 值改变后触发的事件。

　　ACTION: timelineChange 时间轴中的时间点改变后的事件。

　　ACTION: timelinePlayChange 时间轴中播放状态的切换事件。

相关介绍

　　visualMap 是视觉映射组件，用于进行『视觉编码』，也就是将数据映射到视觉元素（视觉通道）。

　　视觉元素可以是：

　　symbol: 图元的图形类别。

　　symbolSize: 图元的大小。

　　color: 图元的颜色。

　　colorAlpha: 图元的颜色的透明度。

　　opacity: 图元以及其附属物（如文字标签）的透明度。

　　colorLightness: 颜色的明暗度，参见 HSL。

　　colorSaturation: 颜色的饱和度，参见 HSL。

　　colorHue: 颜色的色调，参见 HSL。

　　visualMap 组件可以定义多个，从而可以同时对数据中的多个维度进行视觉映射。

　　timeline.type string

　　[ default: 'slider' ]

　　这个属性目前只支持为 slider，不需要更改。

　　timeline.axisType string

　　[ default: 'time' ]

　　轴的类型。可选值为：

　　'value' 数值轴，适用于连续数据。

　　'category' 类目轴，适用于离散的类目数据。

　　'time' 时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。

　　timeline.currentIndex number

　　[ default: 0 ]

　　表示当前选中项是哪项。比如，currentIndex 为 0 时，表示当前选中项为 timeline.data[0]（即使用 options[0]）。