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