-
Notifications
You must be signed in to change notification settings - Fork 10
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
MMM-GrafanaChart panels side by side #15
Comments
I was able to do that the following way. #module_11_MMM-GrafanaChart iframe {
width: 650px;
height: 500px;
} This effectively resizes the iframe container that holds the chart. Since this is in px and is strictly dependent on the display resolution there will be some finetunning with the correct / best pixel values depending on it. |
@iskrenpp : You found the best solution - setting it in stone using CSS. However we should maybe think about adding a config option to set the id attribute of the iframe directly in the config, so writing CSS for it becomes better maintainable. |
Hey, can i get more details on how to realize this? Could you provide an example config.js and css file? |
It's this simple: modules: [
{
module: 'MMM-GrafanaChart',
position: 'top_right',
config: {
url: "https://localhost:5000/....",
width: "100%",
height: "69px", // Optional. Default: 100%
scrolling: "no",
refreshInterval: 900
}
},
] We actually have a config option for this, so resorting to CSS is not even needed. |
Hey, thanks for the reply. Sorry for the misunderstanding, what i meant was to get multiple charts side-by-side. If, for example, two charts were added and position of both is set to "top_left", both charts will be put underneath. Is it possible to put them in the same row? I also have other stuff in my mirror and would like to keep their positions. |
Hi Guys, I have a dashboard in Grafana which I would like to display on the MagicMirror with MMM-GrafanaChart.
As MMM-GrafanaChart works with PanelIDs with each module array I can only display one panel instead of the whole Dashboard.
So what I would like to achieve with CSS is to have one panel on top-right in the first row and in the second row I would like to have 3 different panels right next side-by-side.
How would the solution look like?
The text was updated successfully, but these errors were encountered: