Timeline for Basic UI

[patrik_gfeller]

@Mihai_Badea

Would that be the reason for the scrollbars that appear? Never user Webview until now… If visualizationStyle.css is the culprit would you mind sharing it?

Happy to hear that it works … I´ve added the .css to the original post. Let me know if it helps with the scrollbar issue.

@Mihai_Badea

How can I adapt it to display a timeline for a single item instead of a group? Of course, one solution would be to create a group for that single item

You could try:

        var groupParameter = GetParameter("Group");
        var itemParameter  = GetParameter("Item");
        
        if (groupParameter != null) {
            openHABItemNames = GetGroupItemNames(GetParameter("Group"));
        }
        if (itemParameter != null) {
            openHABItemNames.push(itemParameter);
        }

call:

Timeline.html?Item=ItemPatrikAtHome

@Mihai_Badea

Also, what about adding start and end optional parameters to visualize a specific period?

Do you use rrd4j as persistence; if yes more than the last day won´t work for timeline charts. If not I can try to create something with that option …

@Mihai_Badea

Or something like the default chart element?

I can post some more of my .html for charting if desired - but it is not documented and I´m not a web-developer; thus not a reference. But if it helps and there´s interest to play with this as a basis let me know.

E.g. multiple Y-Axis:

with kind regards,
Patrik