echarts的Y轴设置为整数、自定义Y轴、自定义X轴、自定义tip窗口

场景：使用echarts，设置Y轴为整数。通过判断Y轴的数值为整数才显示即可

1、自定义Y轴为整数或者刻度：

        yAxis: [
          {
            name: '',
            type: 'value',
            min: 0, // 最小值
            // max: 200, // 最大值
            // splitNumber: 5, // 坐标轴的分割段数
            // interval: 100 / 5, // 强制设置坐标轴分割间隔度(取本Y轴的最大值 max / 分割段数 splitNumber )
            axisLabel: {
              // formatter: '{value}' // 自定义Y轴
              formatter: (value) => {
                return this._.isInteger(value) ? value : '' // 判断y轴数值为整数的才显示
              }
            }
          }
        ],

2、自定义X轴文本和颜色

      xAxis: {
        type: "category",
        axisLabel: {
          color: "#000000D8",
          fontFamily: "PingFang SC",
          // fontWeight: 'medium',
          fontSize: 12,

          // formatter: "{value}自定义",
          // 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引 --- 自定义对应轴的刻度名称文案
          formatter: function (value, index) {
            return value + "自定义X轴";
          },
          interval: 0,
          textStyle: {
            //X轴Y轴下面文字或数据颜色设置
            color: "cyan",
          },
        },
      },

3、自定义tooltip，重点在formatter

      // 提示框组件---默认如下配置即可。
      tooltip: {
        trigger: 'axis',//触发类型。
        axisPointer: {//坐标轴指示器配置项。
          type: 'line',
          animation: false,
          lineStyle: {
            color: '#999',
            width: 1,
            opacity: 0.5
          }
        },

        // hover显示框--内容自定义
        backgroundColor: '#9ccb6d',
        formatter: function (val) { 
          console.log(val);
          var htmlStr = ''
          htmlStr += '<div><span style="color:#000;">' + '自定义hover：' + '</span><br/> '
          for (var i = 0; i < val.length; i++) {
            // 前面的原点和他的颜色
            htmlStr += '<span style="width: 8px;height: 8px;display:inline-block;border-radius: 50%;background-color:' + val[i].color + '"></span><span style="color:#000;">' + '&nbsp;&nbsp;</span>' +
              '<span style="color:#000;">' + val[i].seriesName + val[i].value[i+1] + '&nbsp;---自定义文字</span><br/>'
          }
          htmlStr += '</div>'
          return htmlStr
        }
      },

或者修改series

              series: series.map(item => {
                return {
                  ...item,
                  type: 'line',
                  smooth: true,
                  lineStyle: {
                    width: 3
                  },
                  tooltip: {
                    valueFormatter: (value) => { return  value + '自定义文字' }
                  }
                }
              })