dynamic bar with sorting process negative value as postive

Version

5.2.2

Steps to reproduce

https://echarts.apache.org/examples/zh/editor.html?c=bar-race

const data = [];
for (let i = 0; i < 5;  ++i) {
  data.push(Math.round(Math.random() * 200));
}
option = {
  xAxis: {
    max: 'dataMax'
  },
  yAxis: {
    type: 'category',
    data: ['A', 'B', 'C', 'D', 'E'],
    inverse: true,
    animationDuration: 300,
    animationDurationUpdate: 300,
    max: 2 // only the largest 3 bars will be displayed
  },
  series: [
    {
      realtimeSort: true,
      name: 'X',
      type: 'bar',
      data: data,
      label: {
        show: true,
        position: 'right',
        valueAnimation: true
      }
    }
  ],
  legend: {
    show: true
  },
  animationDuration: 0,
  animationDurationUpdate: 3000,
  animationEasing: 'linear',
  animationEasingUpdate: 'linear'
};
function run() {
  for (var i = 0; i < data.length;  ++i) {
    if (Math.random() > 0.9) {
      data[i]  = Math.round(Math.random() * 1000 -500);
    } else {
      data[i]  = Math.round(Math.random() * 200-140);
    }
  }
  myChart.setOption({
    series: [
      {
        type: 'bar',
        data
      }
    ]
  });
}
setTimeout(function () {
  run();
}, 0);
setInterval(function () {
  run();
}, 3000);

What is expected?

negative will not great than postive

What is actually happening?

echarts use abs() value to compare

[li942475402]

you can change source code by patch-package to support negative values detail like this, but i’m not sure if it will bring new problems

step 1, change this part, use value instand of barHeight,it’s the reason why not support negative.

setp 2, add some handle for extreme case

step 3, complete the remainder part

[abitwhy]

QQ.20211129182030.mp4

建议你使用 gif 格式的图片（而不是视频）重现视效，推荐使用类似 ScreenToGif 之类的录屏工具。