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.

    MMM-forecast-io -- Localized up to the minute weather

    Scheduled Pinned Locked Moved Utilities
    127 Posts 36 Posters 200.8k Views 38 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.
    • pyrosmileyP Offline
      pyrosmiley @mongo116
      last edited by

      @mongo116 sadly I don’t see that those were ever added in and it wasn’t me that did it. I have no idea what I’m doing but sometime soon I’ll see if I can figure it out? I also tried for that awhile back using CSS but didn’t get very far. If you get it let me know, and I’ll do the same!

      1 Reply Last reply Reply Quote 0
      • morozgrafixM Offline
        morozgrafix Moderator
        last edited by morozgrafix

        I’ve added some of those on my local branch a long time ago. Feel free to pick from there https://github.com/morozgrafix/MMM-forecast-io/commit/972201f64d432c3c0863a7d76364e7f8af1bb817 and https://github.com/morozgrafix/MMM-forecast-io/commit/13ff8b78c86dc0905e46c11702d7173571517e79

        My fork is fairly old and hasn’t been synced in a while, though.

        It looks like this:
        0_1512084362862_c2a6ef7c-9b0a-4027-a60f-041280daee24-image.png

        1 Reply Last reply Reply Quote 1
        • pyrosmileyP Offline
          pyrosmiley
          last edited by

          Very nice! I’ll definitely pull from that then

          1 Reply Last reply Reply Quote 0
          • R Offline
            rak
            last edited by rak

            Hi guys,

            I like the concept of the bars for the min/max temperature very much. I wanted the look of the hourly temperature graph a bit more more modern and slick.

            I sat down today and did some code magic. I am surprised how it went. The magicmirror is the first javescript project. So bear with me.

            This is how it looks now.

            0_1527880419978_72C1D4EB-B39E-400F-AD68-D5520107565F.png

            I created a fork which I will clean up a bit in the next weeks. Today I am glad it works at all ,-)?

            Enjoy.

            Ralf

            G twosquirrelsT 2 Replies Last reply Reply Quote 3
            • G Offline
              grantc66 @rak
              last edited by

              @rak There seems to be a small error in the script creating the graph:

              // Init chart.js
              this.chart = new Chart(ctx, {
                type: 'line',
                data: data,
                options: options
              });
              

              Throws an uncaught reference error. Unfortunately I know absolutely nothing about js, can you let me know how to fix it.

              Ta

              1 Reply Last reply Reply Quote 0
              • R Offline
                rak
                last edited by

                You had the plugin before?

                Have you done this after switching to my fork? It should install chart.js as a dependency.

                npm install
                

                I hope this solves your problem. Let me know.

                G 1 Reply Last reply Reply Quote 0
                • idoodlerI Offline
                  idoodler Module Developer @paulocarrasco
                  last edited by

                  @paulocarrasco Thats an easy one:) You are missing an , after 'my api key'.

                  Here is the correct config:

                  {
                        module: 'MMM-forecast-io',
                        position: 'top_right',  // This can be any of the regions.
                        config: {
                          // See 'Configuration options' for more information.
                          apiKey: 'my api key', // Dark Sky API key.
                          // Only required if geolocation doesn't work:
                          latitude:   37.1468,
                          longitude: -8.5846
                        }
                  },
                  
                  1 Reply Last reply Reply Quote 0
                  • G Offline
                    grantc66 @rak
                    last edited by

                    @rak Had the original working OK, tried to npm install chart.js in the MM root :(

                    the npm install in the MMM-foecast.io directory fixed it. :)

                    looks great, good work.

                    thanks

                    1 Reply Last reply Reply Quote 0
                    • B Offline
                      barnosch
                      last edited by

                      @rak
                      Nice work. i just installed it and adjusted for fitting my mirror.

                      Is it possible to shrink the height from the graph?
                      or is it calculated from the width (400px) to keep its aspect ratio?

                      1 Reply Last reply Reply Quote 0
                      • R Offline
                        rak
                        last edited by

                        Should be easy do adapt. I can check if the height is currently fixed or exposed in the config.js.

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 7
                        • 8
                        • 9
                        • 10
                        • 11
                        • 12
                        • 13
                        • 9 / 13
                        • 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