yaxis

[TOC]
- ## yaxis
  - ### show: Boolean
    是否显示y轴。
  - ### showAlways: Boolean
    当用户通过图例切换系列时是否隐藏 y 轴。
	<video autoplay="" muted="" loop="" poster="https://apexcharts.com/wp-content/uploads/2019/02/yaxis-showAlways.png" width="100%"> <source src="https://apexcharts.com/wp-content/uploads/2019/02/yaxis-showAlways.mp4" type="video/mp4"></video>
  - ### showForNullSeries: Boolean
    关闭时，它将完全隐藏没有数据的系列或具有所有空值的系列的 y 轴。
  - ### seriesName: String
    在多 y 轴图表中，您可以通过 `seriesName`。 具有相同名称属性的 [series](http://www.bixiaguangnian.com/manual/apexcharts/326.html "series") 项将用于计算 y 轴的比例。
  - ### opposite: Boolean
    启用后，将在图表右侧绘制 yaxis
  - ### reversed: Boolean
    将图表上下翻转，使其倒置，并绘制 y 轴从大到小的数字。
  - ### logarithmic: Boolean
    值范围很大时的非线性比例。
  - ### logBase: Number
    控制对数底数。默认为 10
  - ### tickAmount: Number
    要显示的刻度间隔数
  - ### min: Number || Function
    为 y 轴设置的最小数字。超过这个数字的图形将被剪掉
    你也可以在这里传递一个函数，它应该返回一个数字。该函数接受一个参数，默认情况下该参数是 y 轴上的最小值。`function(min) { return min }`
  - ### max: Number || Function
    要为 y 轴设置的最大数字。超过这个数字的图形将被剪掉。
    你也可以在这里传递一个函数，它应该返回一个数字。该函数接受一个参数，默认情况下该参数是 y 轴上的最大值。`function(max) { return max }`
  - ### forceNiceScale: Boolean
    如果设置为 `true`，即使提供了最小值/最大值，y 轴刻度也会强制生成漂亮的四舍五入数字。如果您手动设置最小/最大并希望它不变，请关闭此选项。
  - ### floating: Boolean
    设置此选项会将 y 轴移出绘图区域。许多行为类似于 `position: absolute` CSS 的属性
  - ### decimalsInFloat: Number
    当 y 轴上有浮动值时要显示的分数数。
    注意：如果您在 中定义了自定义格式化程序函数`yaxis.labels.formatter`，则这不会有任何效果。
  - ### labels:
    - #### show: Boolean
      在 y 轴上显示标签
    - #### align: String
      可用选项

- left
     - center
     - right
    - #### minWidth: Number
      y 轴标签的最小宽度
    - #### maxWidth: Number
      y 轴标签的最大宽度
    - #### style
      - ##### colors: Single Colors || Array of Colors
        y 轴标签的颜色
      - ##### fontSize: String
        y 轴标签的字体大小
      - ##### fontFamily: String
        y 轴标签的字体。
      - ##### fontWeight: String | Number
        y 轴标签的字体粗细。
      - ##### cssClass: String
        给标签元素的自定义 Css 类
    - #### offsetX: Number
      设置标签的左偏移量
    - #### offsetY: Number
      设置标签的顶部偏移量
    - #### rotate: Number
      将 y 轴文本标签从其中心旋转到特定角度
    - #### formatter: function
      为 yaxis 值应用自定义函数。
```javascript
yaxis: {
		  labels: {
			/**
			* Allows users to apply a custom formatter function to yaxis labels.
			*
			* @param { String } value - The generated value of the y-axis tick
			* @param { index } index of the tick / currently executing iteration in yaxis labels array
			*/
			formatter: function(val, index) {
				return val.toFixed(2);
			}
		  }
}
```
      > 注意：在水平条形图中，第二个参数还包含附加数据，如 `dataPointIndex` & `seriesIndex`。
  - ### axisBorder:
    - #### show: Boolean
      在 y 轴上绘制垂直边框
    - #### color: Color
      横轴边框的颜色
    - #### offsetX: Number
      设置轴边界的左偏移量
    - #### offsetY: Number
      设置轴边界的顶部偏移量
  - ### axisTicks:
    - #### show: Boolean
      在 y 轴上绘制刻度以指定间隔
    - #### borderType: String
      可用选项

- solid
     - dotted
    - #### color: Color
      ticks 的颜色
    - #### width: Boolean
      ticks 的宽度
    - #### offsetX: Number
      设置 ticks 的左偏移量
    - #### offsetY: Number
      设置 ticks 的顶部偏移量
  - ### title
    - #### text: String
      给 y 轴一个标题，默认情况下它会显示在轴标签下方。
    - #### rotate: Number
      将 yaxis 标题旋转 90 或 -90。
    - #### offsetX: String
      设置 yaxis 标题的左偏移量。
    - #### offsetY: String
      设置 yaxis 标题的顶部偏移量。
    - #### style
      - ##### color: Color
        y 轴标题的颜色
      - ##### fontSize: String
        y 轴标题的字体大小
      - ##### fontFamily: String
        y 轴标题的字体
      - ##### fontWeight: String | Number
        y 轴标题的字体粗细
      - ##### cssClass: String
        给 y 轴标题的自定义 Css 类
  - ### crosshairs
    - #### show: Boolean
      当用户将鼠标移到图表区域上时，在 y 轴上显示十字准线。注意：确保必须 `yaxis.tooltip.enabled: 'true'` 使十字准线可见。
    - #### position: String
      可能的选择

- back
     - front
    - #### stroke
      - ##### color: Color
        十字准线的边框颜色
      - ##### width: Color
        十字准线的边框宽度
      - ##### dashArray: Color
        在十字准线的边界创建破折号。数字越大，边框中的破折号之间的空间就越大。
  - ### tooltip
    - #### enabled
      在 y 轴上显示工具提示
    - #### offsetX
      设置 y 轴工具提示的顶部偏移量

```javascript
  yaxis: {
      show: true,
      showAlways: true,
      showForNullSeries: true,
      seriesName: undefined,
      opposite: false,
      reversed: false,
      logarithmic: false,
      logBase: 10,
      tickAmount: 6,
      min: 6,
      max: 6,
      forceNiceScale: false,
      floating: false,
      decimalsInFloat: undefined,
      labels: {
          show: true,
          align: 'right',
          minWidth: 0,
          maxWidth: 160,
          style: {
              colors: [],
              fontSize: '12px',
              fontFamily: 'Helvetica, Arial, sans-serif',
              fontWeight: 400,
              cssClass: 'apexcharts-yaxis-label',
          },
          offsetX: 0,
          offsetY: 0,
          rotate: 0,
          formatter: (value) => { return val },
      },
      axisBorder: {
          show: true,
          color: '#78909C',
          offsetX: 0,
          offsetY: 0
      },
      axisTicks: {
          show: true,
          borderType: 'solid',
          color: '#78909C',
          width: 6,
          offsetX: 0,
          offsetY: 0
      },
      title: {
          text: undefined,
          rotate: -90,
          offsetX: 0,
          offsetY: 0,
          style: {
              color: undefined,
              fontSize: '12px',
              fontFamily: 'Helvetica, Arial, sans-serif',
              fontWeight: 600,
              cssClass: 'apexcharts-yaxis-title',
          },
      },
      crosshairs: {
          show: true,
          position: 'back',
          stroke: {
              color: '#b6b6b6',
              width: 1,
              dashArray: 0,
          },
      },
      tooltip: {
          enabled: true,
          offsetX: 0,
      },
      
  }
```