echarts Y軸負軸顯示正值


需求:

  數據的值都是正數,但是要分布再X軸的兩側顯示

分析:

  將需要再y軸負軸顯示的數據,數值前添加負號,y軸和tooltip的顯示值取絕對值

yAxis: {
     axisLabel: {
    color: '#666',
       formatter: (value) => {
         return Math.abs(value)
       }
  },
}
 tooltip: {
  formatter: (params) => {
  for (let i = 0; i < params.length; i++) {
                const unit = params[i].seriesName.includes('碼率')
                  ? 'kpbs'
                  : 'ms'
                str += `${params[i].seriesName}:${Math.abs(
                  params[i].data[1]
                )}${unit}<br>`
              }
  }
}
  seriesData.forEach((e) => {
  const el = {
    name:e.name,
    data:[],
  }
  e.data.forEach((v)=>{
    data.push(e.name === 'xxx '? -v : v)
  })
})

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM