• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Graph module

Scheduled Pinned Locked Moved Requests
26 Posts 9 Posters 17.3k Views 9 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • F Offline
    feedparakeet @qistoph
    last edited by Mar 1, 2017, 12:43 AM

    @qistoph, thank you, I really appreciate your response. It took me few weeks to understand how do graphs work and get what I need. Finally I did it with Grafana + InfluxDB + PHP scripts. Now I understand that each graph is very special and you need quite a few options to get it work like you want. So, Grafana is the solution for what I was looking for. Don’t think it will be easy to create a universal graph module to satisfy all my needs, like I thought it before. Thanks anyway!

    1 Reply Last reply Reply Quote 0
    • F Offline
      feedparakeet @d3r
      last edited by Mar 1, 2017, 12:47 AM

      @d3r It is absolutely possible with Grafana + iFrame module and a bit of magic lol

      1 Reply Last reply Reply Quote 0
      • J Offline
        jalmaas @feedparakeet
        last edited by Mar 24, 2017, 9:36 AM

        @feedparakeet How did you get grafana to use all black background?

        F 1 Reply Last reply Mar 25, 2017, 7:02 PM Reply Quote 0
        • F Offline
          feedparakeet @jalmaas
          last edited by Mar 25, 2017, 7:02 PM

          @jalmaas I did it with a very rude way. I have changed all 141414 color to 000000 for background settings in /usr/share/grafana/public/css/grafana.dark.* files
          Same way you can remove everything else, like Grafana logo.

          N 1 Reply Last reply Apr 18, 2017, 11:39 AM Reply Quote 0
          • N Offline
            nerakhon @feedparakeet
            last edited by Apr 18, 2017, 11:39 AM

            @feedparakeet Have you also seen the nasty empty square on the bottom of grafana iframe exports? I’m trying to get rid of it, but so far with no success. As well if you by chance found out how to get rid of the background grey without messing up with grafana CSS, that would be a great asset :)!

            F 1 Reply Last reply Apr 18, 2017, 12:03 PM Reply Quote 0
            • F Offline
              feedparakeet @nerakhon
              last edited by Apr 18, 2017, 12:03 PM

              @nerakhon nope, I didn’t see any square really. The only thing I did is CSS change. You can select this square in Chrome browser and right click “View the source”, it will show you the certain part of the HTML, which you can later find in Grafana’s templates.
              Don’t think there is any workaround to change background without changing CSS.

              1 Reply Last reply Reply Quote 0
              • P Offline
                planet4
                last edited by Jun 28, 2017, 7:32 AM

                @feedparakeet Thanks for sharing. I have really tried to remove the Grafana header but it wont work. Were able to replace the grey with black. Would it be possible for you to share your css files. Tried every setting in Grafana but it does not seem to be any good way to remove the header. Is the css files you have modified only for the snaphots and shared graphs?

                F 1 Reply Last reply Jul 2, 2017, 8:31 PM Reply Quote 0
                • F Offline
                  feedparakeet @planet4
                  last edited by feedparakeet Jul 2, 2017, 8:45 PM Jul 2, 2017, 8:31 PM

                  @planet4 , what I did is:

                  cd /usr/share/grafana/public/css
                  find . -type f -exec sed -i.bak "s/141414/000000/g" {} \;
                  

                  This command creates a .bak files with the original content of each modified file in case you would like to turn everything back.
                  Then, I enabled General-Dimentions-Transparent for each graph. And enabled General-Toggles-Hide controls for a dashboard.
                  My grafana’s header automatically goes away in few minutes if I don’t touch anything or move mouse. But even if I don’t see grafana’s grey header line, I can still see grafana’s orange-colored label.
                  Does your grafana’s grey header goes away if you don’t touch anything for 5 minutes? If not, then you should update to a new version. This feature is quite new.

                  1 Reply Last reply Reply Quote 0
                  • S Offline
                    SvenSommer
                    last edited by SvenSommer Jul 16, 2017, 10:35 PM Jul 16, 2017, 10:33 PM

                    I wrote a little blog post, to describe how to use Influxdb and Grafana to build a weather chart. It’s available here.

                    Looking for some building inspiration?
                    Check out my large, thin and metal framed mirror on robstechlog.com.

                    Modules released:
                    MMM-GoogleAnalytics
                    MMM-GrafanaChart
                    MMM-GrafanaGauges

                    P 1 Reply Last reply Jul 24, 2017, 11:38 AM Reply Quote 1
                    • P Offline
                      planet4 @SvenSommer
                      last edited by Jul 24, 2017, 11:38 AM

                      @SvenSommer Very nice! I will try this as soon as I have reinstalled my old RPI. I have used the database to get info from home assistant so I can display graphs from my z wave sensor. However I am just wondering how it can display the graph as Grafana have a login page with password. Do I have to do something special in order to make this work.

                      S F 2 Replies Last reply Jul 24, 2017, 3:47 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 2 / 3
                      • First post
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy