zoom

[TOC]
- ## chart
  - ### zoom
    - #### enabled: Boolean
      允许放大轴图表。
	  
	  > 注意：在类别 x 轴图表中，要启用缩放，您还需要设置`xaxis.tickPlacement: 'on'`.
	  
	  阅读有关[类别轴缩放](http://www.bixiaguangnian.com/manual/apexcharts/273.html "类别轴缩放")教程的更多信息。
	  
    - #### type: String
      允许在 x 轴、y 轴或两个轴上进行缩放。
      可用选项
	  - x
      - y
      - xy
	  
	  > 已知问题：在同步图表中，xy或y不会同步更新图表，但x会正常工作。
	  
    - #### autoScaleYaxis: Boolean
      启用此选项后，图表的 y 轴会根据可见区域重新调整为新的低点和高点。在用户放大到一个小区域以获得更好的视图的情况下很有用。
	  
	  > 已知问题：此选项在多轴图表中不起作用（当您有超过 1 个 y 轴时）
    - #### zoomedArea:
        zoomedArea 是当用户将鼠标从一个点拖动到另一个点时绘制的区域
		![](/uploads/images/20221223/7902e79b96d45ce48049d43743254d44.png)
      - ##### fill:
        - ###### color: Color
          选择缩放区域的背景颜色
        - ###### opacity: Number
          设置选区填充的透明度级别
      - ##### stroke:
        - ###### color: Color
		  选择缩放区域的边框颜色
        - ###### opacity: Number
          设置选择边框的透明度级别
        - ###### width: Number
          设置宽度选择边框

```javascript
  chart: {
      zoom: {
          enabled: true,
          type: 'x',  
          autoScaleYaxis: false,  
          zoomedArea: {
            fill: {
              color: '#90CAF9',
              opacity: 0.4
            },
            stroke: {
              color: '#0D47A1',
              opacity: 0.4,
              width: 1
            }
          }
      }
  }
```