針對(duì)echarts yAxis type為value類(lèi)型時(shí)，數(shù)據(jù)過(guò)大和過(guò)小顯示問(wèn)題

問(wèn)題描述

當(dāng)echarts中折線圖展示時(shí)，數(shù)據(jù)中有很大的情況比如15000，也有很小的情況展現(xiàn)比如4，當(dāng)數(shù)據(jù)比較分散在極端值時(shí)，會(huì)造成極小值看不到起伏的情況，讓用戶(hù)誤以為沒(méi)有值。

解決辦法

采用log指數(shù)型展示，缺點(diǎn)是：10的指數(shù)沒(méi)有0的情況，如果數(shù)據(jù)中出現(xiàn)0或者小于0的情況，不太好處理，但也可以解決；

1-初始化數(shù)據(jù)有0的情況，為0.1。

getlinsData(res_lines, model, pname, name) {
      if (pname && name) {
        res_lines.forEach((item) => {
          model.push({
            name: item.model,
            // 修改地方
            data: item[pname][name] === 0?0.1:item[pname][name],
            date: item.begin_time,
            begin_time: item.begin_time,
            end_time: item.end_time
          })
        })
        let isnull = model.every((item) => item.data === 0)
        if (isnull) {
          this.optionStyle.yAxis.max = 100
        } else {
          this.optionStyle.yAxis.max = null
        }
      }
      
    },

2-然后去y軸自定義formatter,把0.1的值換成0

 yAxis: {
          show: true,
          type: 'value',
          max: 100,
          nameTextStyle: {
            color: '#999',
            fontSize: 12,
            padding: [0, 0, 0, 0] // 調(diào)整Y軸
          },
          axisLine: {
            show: false,
            lineStyle: {
              color: '#eee',
              type: 'solid'
            }
          },
          axisLabel: {
            show: true,
            color: '#666',
            fontWeight: 400
            // 處理0.1顯示問(wèn)題
            formatter: function(value) {
                if(value===0.1){
                    return 0
                }else{
                    return value
                }
            }
          },
          axisTick: { show: false },
          splitLine: {
            show: true,
            lineStyle: {
              color: '#eee'
            }
          }
        },