Bar timeseries chart binning is not working as expected
- Dominant language
- TypeScript
- Stars
- 67.3k
- Forks
- 19.8k
- Avg merge
- 11d 14h
- Merged PRs (30d)
- 8
Description
### Version
5.2.2
### Reproduction link
[https://codesandbox.io/s/echarts-zoomin-timeseries-sktvb?file=/src/App.js](https://codesandbox.io/s/echarts-zoomin-timeseries-sktvb?file=/src/App.js)
### Steps to reproduce
You can run the codesadnbox link provided and try to zoom in on each bar chart too reproduce the problem.
### What is expected?
Suppose we have three date-value pairs on (1988, 8, 3), (1988, 9, 18) and (1988, 10, 18).
It's expected that when you zoom in on each bar (for example 18/10/1988) and the user can see the actual date on the ticks, the bar should wrap around the actual date tick and it shouldn't extend to other ticks.
Zoomed-out state:

Expected zoomed-in state (Zoomed in on 18/09/1988):

### What is actually happening?
The bar wraps around other dates and the actual zoomed-in state on 18/10/1988 looks like this:

(Which is wrong, the bar is also covering 8th and 10th month but it is counting only the data on 9th month)
---
I also provided a gif on what's happening:

Contributor guide
Assessment
This issue has not been assessed yet.