events

[TOC]
- ## chart
  - ### events
    - #### animationEnd: function
	  图表的初始动画完成时激发
```javascript
	chart: {
		events: {
			animationEnd: function (chartContext, options) {
				// ...
			}
		}
	}
```
    - #### beforeMount: function
	  在屏幕上绘制图表之前激发
```javascript
	chart: {
		events: {
			beforeMount: function (chartContext, config) {
				// ...
			}
		}
	}
```
    - #### mounted: function
	  在屏幕上绘制图表后激发
```javascript
	chart: {
		events: {
			mounted: function(chartContext, config) {
				// ...
			}
		}
	}
```
    - #### updated: function
	  使用 `updateOptions()` 或 `updateSeries()` 函数动态更新图表时激发
```javascript
	chart: {
		events: {
			updated: function(chartContext, config) {
				// ...
			}
		}
	}
```
    - #### click: function
	  当用户单击图表的任何区域时激发。
```javascript
	chart: {
		events: {
			click: function(event, chartContext, config) {
				// The last parameter config contains additional information like `seriesIndex` and `dataPointIndex` for cartesian charts
			}
		}
	}
```
    - #### mouseMove: function
	  当用户在图表的任何区域上移动鼠标时激发。
```javascript
	chart: {
		events: {
			mouseMove: function(event, chartContext, config) {
				// The last parameter config contains additional information like `seriesIndex` and `dataPointIndex` for cartesian charts.
			}
		}
	}
```
    - #### mouseLeave: function
	  当用户将鼠标移动到图表区域（排除轴）外时激发。
```javascript
	chart: {
		events: {
			mouseLeave: function(event, chartContext, config) {
				// ...
			}
		}
	}
```
    - #### legendClick: function
	  当用户单击图例时激发。
```javascript
	chart: {
		events: {
			legendClick: function(chartContext, seriesIndex, config) {
				// ...
			}
		}
	}
```
    - #### markerClick: function
	  当用户单击[标记](http://www.bixiaguangnian.com/manual/apexcharts/311.html "标记")时激发。
```javascript
	chart: {
		events: {
			markerClick: function(event, chartContext, { seriesIndex, dataPointIndex, config}) {
				// ...
			}
		}
	}
```
    - #### xAxisLabelClick: function
	  当用户单击x轴标签时激发。
```javascript
	chart: {
		events: {
			xAxisLabelClick: function(event, chartContext, config) {
				// ...
			}
		}
	}
```
    - #### selection: function
	  当用户使用选择工具选择矩形时激发。

第二个参数包含用户进行选择的yaxis和xaxis坐标
```javascript
	chart: {
		events: {
			selection: function(chartContext, { xaxis, yaxis }) {
				// ...
			}
		}
	}
```
    - #### dataPointSelection: function
	  当用户单击数据点（bar/column/marker/bubble/donut-slice）时激发。

除了config对象之外，第三个参数还包括其他信息，如从哪个系列中选择了哪个dataPointIndex。
	  
	  如果启用了 `allowMultipleDataPointsSelection`，则第三个参数包含 `selectedDataPoints` 属性以获取所有选定的数据点。
	  > 注意：使用折线图/面积图时，此事件需要 `tooltip.intersect: true` & `tooltip.shared:false` 以及 `markrs.size` 必须大于0。
	  
	  ```javascript
	chart: {
		events: {
			dataPointSelection: function(event, chartContext, config) {
				// ...
			}
		}
	}
```
    - #### dataPointMouseEnter: function
	  当用户的鼠标在数据点（bar/column/marker/bubble/donut-slice）上输入时激发。

除了config对象之外，第三个参数还包括其他信息，如特定系列的哪个dataPointIndex被悬停。
	  > 注意：使用折线图/面积图时，此事件需要 `tooltip.intersect: true` & `tooltip.shared: false` 以及 `markers.size` 必须大于0
	  
	  ```javascript
	chart: {
		events: {
			dataPointMouseEnter: function(event, chartContext, config) {
				// ...
			}
		}
	}
```
    - #### dataPointMouseLeave: function
	  数据点的MouseLeave事件（bar/column/marker/bubble/donut-slice）。
```javascript
	chart: {
		events: {
			dataPointMouseLeave: function(event, chartContext, config) {
				// ...
			}
		}
	}
```
    - #### beforeZoom: function
	  如果定义了此函数，它将在放大/缩小图表之前运行，允许您设置放大/缩小的自定义范围。
```javascript
	beforeZoom: function(chartContext, { xaxis }) {
		return {
			xaxis: {
				min: timestamp,
				max: timestamp
			}
		} 
	}
```
	  
	  beforeZoom函数中返回的范围用于下一个缩放事件。
    - #### beforeResetZoom: function
	  如果定义了此函数，则该函数将在用户单击工具栏上的HOME按钮将图表重置为原始状态之前运行。该功能允许您为图表的初始视图设置自定义轴范围。
```javascript
	beforeResetZoom: function(chartContext, opts) {
		return {
			xaxis: {
				min: timestamp,
				max: timestamp
			}
		} 
	}
```
	  beforeResetZoom函数中返回的范围用于将图表轴重置为其原始状态。
    - #### zoomed: function
	  当用户使用选择缩放工具或放大/缩小按钮放大/缩小图表时激发。

第二个参数包括缩放后生成的新xaxis/yaxis的信息。
```javascript
	chart: {
		events: {
			zoomed: function(chartContext, { xaxis, yaxis }) {
				// ...
			}
		}
	}
```
    - #### scrolled: function
	  当用户使用平移工具滚动时激发。

第二个参数包括滚动后生成的新xaxis的信息。
```javascript
	chart: {
		events: {
			scrolled: function(chartContext, { xaxis }) {
				// ...
			}
		}
	}
```
    - #### brushScrolled: function
	  当用户拖动画笔图表中的画笔时激发。

第二个参数包括滚动画笔后生成的新轴的信息。
```javascript
	chart: {
		events: {
			brushScrolled: function(chartContext, { xaxis, yaxis }) {
				// ...
			}
		}
	}
```

```javascript
  chart: {
      events: {
        animationEnd: undefined,
        beforeMount: undefined,
        mounted: undefined,
        updated: undefined,
        mouseMove: undefined,
        mouseLeave: undefined,
        click: undefined,
        legendClick: undefined,
        markerClick: undefined,
        xAxisLabelClick: undefined,
        selection: undefined,
        dataPointSelection: undefined,
        dataPointMouseEnter: undefined,
        dataPointMouseLeave: undefined,
        beforeZoom: undefined,
        beforeResetZoom: undefined,
        zoomed: undefined,
        scrolled: undefined,
        scrolled: undefined,
      }
  }
```