Interval of datetime is not make sense

[trankieu2002]

The highcharts in Reactjs with 2 lines have different endpoint of time, but they end at the same.
The problem: https://pasteboard.co/LVvwTovIAB8T.png
- The blue line end on Tuesday, Jun 23th 2020
- The dot line end on Friday, Sep 1st 2023

My expectation: https://pasteboard.co/x1O67mS8wCGq.png

This will make the user confused at the first look at the chart.
My demo: https://jsfiddle.net/af9uxrw0/3/

[mateusz.b]

Hello trankieu2002,

Welcome to our forum and thanks for contacting us with your question!

The chart behaves like this because of ordinal option, which is enabled by default for stock charts. Why it is enabled by default and what it exactly does you can read here: https://api.highcharts.com/highstock/xAxis.ordinal
You can disable it simply by setting its value to false.
Demo: https://jsfiddle.net/BlackLabel/6b4n57od/

Let me know if that was what you were looking for!
Regards!

[trankieu2002]

Very nice!!

I can resolve my stuff now.
Thanks for your support @mateusz.b

[mateusz.b]

You're welcome! In case of any further questions, feel free to contact us again.