echarts 折线图数据对应不上y轴是怎么回事？

Posted 2023-04-27

如图，有大佬知道是哪个属性影响的吗？

参考技术A 把stack的值修改，每个都不一样，就不会叠加y轴 参考技术B series 里面的数据 项添加一个字段
yAxisIndex:0 //第几个y轴，不填的话，默认为 0 ，也就是第一个。

name:xx.
data:"xx",
yAxisIndex:

根据返回数据 添加最大值echarts折线图改变y轴刻度

需求：y轴刻度 最大值取接口返回的 最大值数据

方法一：

  data() 
    return 
      yAxisMaxNum: 49
    ;
  ,

  initChart() 
      // 创建 echarts 实例。
      this.myChartOne = this.$echarts.init(this.$refs.Echart);
      let maxNum = this.yAxisMaxNum
      var option = 
        tooltip: 
          trigger: "axis",
          formatter: function (params) 
            params = params[0];
            return params.value[0] + "/" + params.value[1];
          ,
          axisPointer: 
            animation: false,
          ,
        ,
        xAxis: 
          type: "time",
          splitLine: 
            show: false,
          ,
          axisLine: 
            show: false,
            lineStyle: 
              color: "#ffffff",
            ,
          ,
        ,
        yAxis: 
          type: "value",
          boundaryGap: [0, "100%"],
          splitLine: 
            show: false,
          ,
          axisLine: 
            show: false,
            lineStyle: 
              color: "#ffffff",
            ,
          ,
          max: function (value) 
            return value = maxNum;
          ,
        ,
        series: this.labelList,
      ;
      option && this.myChartOne.setOption(option, true);
      const that = this;
      this.updateOption()

    ,

方法二

实现效果

官方文档

ECharts设置y轴刻度的最大值与最小值

yAxis.min | number, string, function

设置 y 坐标轴刻度的最小值。

可以设置成特殊值 ‘​dataMin​’，此时取数据在该轴上的最小值作为最小刻度。

不设置时会自动计算最小值保证坐标轴刻度的均匀分布。

在类目轴中，也可以设置为类目的序数（如类目轴 ​data​: [‘​类A​’, ‘​类B​’, ‘​类C​’] 中，序数 ​2 ​表示 ‘​类C​’。也可以设置为负数，如 ​-3​）。

当设置成 ​function ​形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：

min: function(value) 
    return value.min - 20;

其中 ​value ​是一个包含 ​min ​和 ​max ​的对象，分别表示数据的最大最小值，这个函数可返回坐标轴的最小值，也可返回 null/undefined 来表示“自动计算最小值”（返回 null/undefined 从 v4.8.0 开始支持）。

yAxis.max | number, string,function

坐标 y 轴刻度的最大值。

可以设置成特殊值 ‘​dataMax​’，此时取数据在该轴上的最大值作为最大刻度。

不设置时会自动计算最大值保证坐标轴刻度的均匀分布。

在类目轴中，也可以设置为类目的序数（如类目轴 ​data​: ['​类A​', '​类B​', '​类C​'] 中，序数 ​2 ​表示 ‘​类C​’。也可以设置为负数，如 ​-3​）。

当设置成function​形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：

max: function(value) 
    return value.max - 20;

其中 ​value ​是一个包含 ​min ​和 ​max ​的对象，分别表示数据的最大最小值，这个函数可返回坐标轴的最大值，也可返回 null/undefined 来表示“自动计算最大值”（返回 null/undefined 从 v4.8.0 开始支持）。

https://blog.csdn.net/q4451728/article/details/128172503