echarts的yAxis

在 ECharts 中，yAxis（也称为纵轴或 Y 轴）是用来展示数据的纵向坐标轴。它可以是数值轴、类目轴、时间轴或对数轴等类型。

yAxis 的配置项包括以下属性：

- type: 坐标轴类型，可选值包括 'value'(数值轴)、'category'(类目轴)、'time'(时间轴)、'log'(对数轴) 等。
- name: 坐标轴名称。
- nameLocation: 坐标轴名称显示位置，可选值包括 'start', 'middle', 'end'。
- nameTextStyle: 坐标轴名称的文字样式。
- nameGap: 坐标轴名称与轴线之间的距离。
- min: 坐标轴刻度最小值。
- max: 坐标轴刻度最大值。
- interval: 坐标轴刻度的间隔大小。
- splitNumber: 坐标轴分割段数。
- axisLabel: 坐标轴刻度标签的相关设置。
- axisLine: 坐标轴轴线的相关设置。
- axisTick: 坐标轴刻度线的相关设置。
- splitLine: 坐标轴在 grid 区域中的分隔线设置。

下面是一个 yAxis 的示例配置：

yAxis: [
  {
    type: 'value',
    name: '销售额（万元）',
    nameTextStyle: {
      color: '#333',
      fontStyle: 'normal',
      fontWeight: 'bold',
      fontSize: 14
    },
    axisLine: {
      show: true, // 是否显示坐标轴线
      lineStyle: {
        color: '#999',
        width: 1,
        type: 'solid'
      }
    },
    axisTick: {
      show: true, // 是否显示坐标轴刻度
      inside: false, // 刻度线是否朝内
      length: 5, // 刻度线长度
      lineStyle: {
        color: '#999',
        width: 1,
        type: 'solid'
      }
    },
    axisLabel: {
      show: true, // 是否显示刻度标签
      interval: 'auto', // 刻度标签的显示间隔
      rotate: 0, // 刻度标签旋转角度
      margin: 8, // 刻度标签与轴线之间的距离
      formatter: '{value}', // 刻度标签的格式化函数
      textStyle: {
        color: '#999',
        fontStyle: 'normal',
        fontWeight: 'normal',
        fontSize: 12
      }
    },
    splitLine: {
      show: true, // 是否显示分割线
      lineStyle: {
        color: '#ddd',
        width: 1,
        type: 'solid'
      }
    }
  }
]

该配置表示一个数值型的 y 轴，坐标轴名称为“销售额（万元）”，坐标轴轴线、刻度线、刻度标签和分割线的样式均有自定义设置。