MagicalBS opened a new issue, #18167:
URL: https://github.com/apache/echarts/issues/18167
### Version
5.4.0
### Link to Minimal Reproduction
_No response_
### Steps to Reproduce
Hello!
I have multiple charts with either one or two series each, all of which are
grouped together.
The options are based on the content of the plot, however, they are all:
```
xAxis: {
type: 'time',
},
series: [
{
type: 'line',
animationDuration: 500,
data: this.data[0].map((x) => [x.datetime, x.value.toFixed(2)]),
connectNulls: true,
symbol: 'none',
showAllSymbol: true,
markLine: {
silent: true,
animation: false,
lineStyle: {
color: '#333',
},
label: {
show: false,
},
symbol: 'none',
data: this.markLine[this.sensor.feature] ?? null,
},
},
]
```
### Current Behavior
I am currently transitioning from a different charting library and have
noticed an issue:
Sometimes, not all of the charts have data for the specified time range. In
the old library, it was obvious that data was missing because the x axis (time)
was the same for all charts, so there would be gaps. In echarts, however, the x
axis seems to adapt to the available data rather than the selected time range.
This means that if you don't pay attention, you don't realize that data is
missing.
<img width="524" alt="new"
src="https://user-images.githubusercontent.com/32430646/212044574-b7d76331-edc4-4c61-898a-13538d5edf16.PNG">
### Expected Behavior
What I would like to see is that data stopped coming in, i.e. use the entire
x axis and see a blank space where data is missing.
<img width="528" alt="old"
src="https://user-images.githubusercontent.com/32430646/212044675-7d55031a-20d0-42ff-9040-81078aa0bd09.PNG">
### Environment
```markdown
- OS: Windows 10
- Browser: Chrome 108.0.5359.126 (Official Build) (64-bit)
- Framework: Vue
```
### Any additional comments?
I found some posts on SO suggesting to add null entries for missing
timestamps, however, that seems highly inefficient and I was hoping that there
was another way of solving this issue.
Thanks for your help!
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]