首页 > 其他 > 详细

echarts Y轴负轴显示正值

时间:2021-08-23 16:37:43      阅读:10      评论:0      收藏:0      [点我收藏+]

需求:

  数据的值都是正数,但是要分布再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)
  })
})

 

echarts Y轴负轴显示正值

原文:https://www.cnblogs.com/hyt09/p/15176119.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!