I have a custom HTML tile that displays a graph from Quick Chart in Hubitat. It all works well, but I’m wondering if there’s a way to FILL the entire tile with the graph? No matter what dimensions I use, I can’t get the graph to go from edge to edge.
I was poking around with the code in the generated tiles, but still a no go.
What does the raw returned HTML from the Hubitat device’s attribute look like? That’s going to determine what styling changes you would need to apply to try to scale it.
Are you using one of the following Custom Tiles?
- Hubitat HTML Attribute Display
- HTML Attribute (direct) Custom Tile (newer in above thread)
And I would also note that @kampto put together a cool area plot trend chart Custom Tile that integrates with Hubitat that might be a nice alternative for you:
Area Plot (Trend/Chart), Custom tile, Hubitat only
1 Like
Let me fiddle around with that… looks good.
Hmmm… the first thing I’m not liking about Area Plot is when you view another dashboard and return back to the one that has this tile on it, the tile starts over and all graphed points have dissapeared. This is great for fast data, but on devices that generate slower data, this would be a pain in the butt.
In answering your origioanl question, I’m using the Hubitat HTML Attribute Display custom tile. At least data dosen’t dissapear when you view other dashboards. It would just be nice to fill the tile with the Quick Chart graph. Unfortunatly I can’t use the HTML Attribute (direct) Custom Tile as the virtual device isn’t seen by the SharpTools app in Hubitat.
You would need to know what the raw HTML being returned is. Unfortunately, screenshots of the rendered versions don’t provide any insights.
I don’t recall off the top of my head if the Events tab in Hubitat shows the rendered or raw version. Otherwise if you’ve used the raw attribute directly in a SharpTools dashboard, you might be able to view the device details in SharpTools to see the raw attribute value (eg. SharpTools User Page > Tap ... next to location > Tap on device)
Looks like it’s already rendered in Hubitat. the CHART attribute in EVENTS only shows
< img width=‘100%’ src=“https://quickchart.io/chart/render/sf-6311c6e9-05ad-4061-a31a-cb3034cd3adb” onclick=“window.open(this.src)” >