73
Views
3
Comments
Solved
Setting multiple lines with different starting points in a chart.

Hi everyone,

I'm facing a problem while setting a line graph. I have two lines I want to put on the same graphic, but they have different x-axis points.



As you can see here, the top line matches the first values of the dates, but there are no "y" for such dates. It should start after, matching their fetched-from-db dates.

I actually don't know how to explain well this, but I attach a few links I found useful but don't know how to use inside my module.


This is an example of what I'd like:

https://jsfiddle.net/0zdfr6g1/ 

This is the Highcharts discussion I got inspired from:

https://www.highcharts.com/forum/viewtopic.php?f=9&t=49023&p=177880&hilit=two+different+lines#p177880


But actually I don't know how to implement this and I'd need your help and your guidance.

Thanks in advance.

2020-09-15 13-07-23
Kilian Hekhuis
 
MVP
Solution

Hi Alberto,

In the jsfiddle example, the x-axis is the same for all three series. Is that the case with your data too? I.e. the x-axis are date/time stamps? If that's the case, you should set the right date/time (as text) in the Label of each DataPoint, and it should work.

2022-12-16 10-02-43
Alberto Andrenucci

This actually works, and it was easier than I tought. Don't know how to thank you. Really.

2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

Great to hear you got it solved. Glad I could be of help :).

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.