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 19.7k 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.
    • N Offline
      nerakhon @feedparakeet
      last edited by

      @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 Reply Quote 0
      • F Offline
        feedparakeet @nerakhon
        last edited by

        @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

          @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 Reply Quote 0
          • F Offline
            feedparakeet @planet4
            last edited by feedparakeet

            @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
            • SvenSommerS Offline
              SvenSommer
              last edited by SvenSommer

              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 Reply Quote 1
              • P Offline
                planet4 @SvenSommer
                last edited by

                @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.

                SvenSommerS F 2 Replies Last reply Reply Quote 0
                • SvenSommerS Offline
                  SvenSommer @planet4
                  last edited by SvenSommer

                  @planet4 The tutorial explaines how to enable authentication via http to access influxdb without login.
                  […]
                  You’re changing parts of the configuration file /etc/influxdb/influxdb.conf

                  [http]
                  enabled = true bind-address = ":8086" # change to a specific interface if needed 
                  auth-enabled = true # will enforce authentication
                  ...
                  

                  To access your Grafana graphs remotely, you can use the share option to get a public accessible link. The same url uses MMM-GrafanaChart to show the graph on the mirror.

                  Let me know if you ran in any problems…

                  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

                  1 Reply Last reply Reply Quote 0
                  • F Offline
                    feedparakeet @planet4
                    last edited by

                    @planet4 if you want to see Grafana’s charts without login\password, you should turn on anonymous access.

                    Edit /etc/grafana/grafana.ini

                    [auth.anonymous]
                    enabled = true
                    org_name = FeedParakeet
                    org_role = Viewer
                    

                    Then you should go to Grafana’s GUI - Profile settings and set the “Name” field equal to the “org_name” value.

                    Your graphs will be visible to anyone. But it wil be impossible to change anything without loging in.

                    SvenSommerS 1 Reply Last reply Reply Quote 1
                    • SvenSommerS Offline
                      SvenSommer @feedparakeet
                      last edited by

                      @feedparakeet
                      I think there is even a better way. You can share each panel individually.
                      http://docs.grafana.org/reference/sharing/

                      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

                      F 1 Reply Last reply Reply Quote 1
                      • F Offline
                        feedparakeet @SvenSommer
                        last edited by

                        @SvenSommer wow, it works even easier, thanks

                        1 Reply Last reply Reply Quote 1
                        • 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