[Bug] 柱状图堆叠后无法平滑移动

[ciuciuy]

Version

5.4.2

Link to Minimal Reproduction

https://codesandbox.io/s/thirsty-christian-qkmdyn?file=/src/index.js

Steps to Reproduce

option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E', 'F','E','G','H','I']
},
yAxis: {
type: 'value'
},
series: [
{
type: 'bar',
stack: '堆叠',
data: [1,3,4,5,1,5,6,1,3,4,5,1,5,6]
},
{
type: 'bar',
stack: '堆叠',
data: [-1,-3,-4,-5,-1,-5,-6,-1,-3,-4,-5,-1,-5,-6]
}
],
dataZoom:[{
type: 'slider',
minValueSpan: 6,
maxValueSpan: 6,
}],
};

Current Behavior

由于需要设置堆叠效果，所以type需使用‘category’, 但是在设置了dataZoom里进行左右移动的时候， 只能一格一格滑动，不能平滑的移动, 看了下例子，如果使用type:'value'的话滑动是比较平滑的。

Expected Behavior

期望能同时满足堆叠及平滑左右移动效果，否则看起来会有卡顿视觉

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

[echarts-bot]

@ciuciuy It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗

TRANSLATED

TITLE

[Bug] The histogram cannot move smoothly after being stacked

BODY

Version

5.4.2

Link to Minimal Reproduction

https://codesandbox.io/s/thirsty-christian-qkmdyn?file=/src/index.js

Steps to Reproduce

option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E', 'F','E','G','H','I']
},
yAxis: {
type: 'value'
},
series: [
{
type: 'bar',
stack: 'stack',
data: [1,3,4,5,1,5,6,1,3,4,5,1,5,6]
},
{
type: 'bar',
stack: 'stack',
data: [-1,-3,-4,-5,-1,-5,-6,-1,-3,-4,-5,-1,-5,-6]
}
],
dataZoom:[{
type: 'slider',
minValueSpan: 6,
maxValueSpan: 6,
}],
};

Current Behavior

Because you need to set the stacking effect, the type needs to use 'category', but when you set the dataZoom to move left and right, you can only slide one by one, not smoothly, look at the following example, if you use type:'value', the sliding is relatively smooth.

Expected Behavior

It is expected to meet the effect of stacking and smooth left and right movement at the same time, otherwise it will look like there will be a stuttering vision

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

[helgasoft]

The slowdown comes from negative values, maybe the code could be improved. Positive values show faster.
To speed things up, try animation:false.

[github-actions]

This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.

[github-actions]

This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!