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)
  })
})

 

echarts Y轴负轴显示正值

上一篇:nsenter工具进入docker


下一篇:Shell 脚本笔记