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]

Reply via email to