Logic Machine Forum
History graph - Printable Version

+- Logic Machine Forum (https://forum.logicmachine.net)
+-- Forum: LogicMachine eco-system (https://forum.logicmachine.net/forumdisplay.php?fid=1)
+--- Forum: Visualization (https://forum.logicmachine.net/forumdisplay.php?fid=9)
+--- Thread: History graph (/showthread.php?tid=5918)



History graph - stianj - 07.03.2025

Hi!

I would like to make something similar to the Home Assistant history graph timeseries:

   

I'm thinking the easiest is to use a trend log for this, and perhaps using stacked bars in Chartist.

But if anyone have done something similar, or have any great ideas that would be very much appreciated! Smile


RE: History graph - stianj - 20.03.2025

Well, I didn't quite get it like I wanted.

   

But it gets the job done. If I could have gotten the grid lines painted on top of the background as well (not just above the "active" area), it would be perfect for me, but as SVG is layered in the same order it is drawn, it's not possible to adjust with CSS at least. Or tool-tips would be fine - hovering above an area would show start and stop time.

Anyways, I was hoping someone had tried to do something similar and would have good tips Smile


RE: History graph - oliver.brown.knx - 07.04.2025

(20.03.2025, 23:10)stianj Wrote: Well, I didn't quite get it like I wanted.



But it gets the job done. If I could have gotten the grid lines painted on top of the background as well (not just above the "active" area), it would be perfect for me, but as SVG is layered in the same order it is drawn, it's not possible to adjust with CSS at least. Or tool-tips would be fine - hovering above an area would show start and stop time.

Anyways, I was hoping someone had tried to do something similar and would have good tips Smile

Hi stianj, 
how exactly did you do it?
It looks good.

Oliver