History graph

[stianj]

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!

[stianj]

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