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}
` }   } } seriesData.forEach((e) => {   const el = {     name:e.name,     data:[],   }   e.data.forEach((v)=>{     data.push(e.name === 'xxx '? -v : v)   }) })