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

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

Scheduled Pinned Locked Moved Utilities
127 Posts 36 Posters 194.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.
  • G Offline
    grantc66 @rak
    last edited by Jun 4, 2018, 9:18 PM

    @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 Jun 6, 2018, 10:16 AM

      @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 Jun 6, 2018, 7:29 PM

        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
        • B Offline
          barnosch
          last edited by barnosch Jun 7, 2018, 6:54 AM Jun 7, 2018, 6:54 AM

          guess i found it in the

          renderPrecipitationGraph: function ()
          

          and

          renderSVGPrecipitationGraph: function ()
          

          both heights are calculated there.

          var width = this.config.precipitationGraphWidth; 
          var height = Math.round(width * 0.3); // 120 by default
          

          Played around with the setting, but it did not change anything. Don’t get it currently… mabye you have an idea?

          1 Reply Last reply Reply Quote 0
          • B Offline
            barnosch
            last edited by Jun 7, 2018, 9:12 AM

            seems not the correct place.
            Even if comment out both lines with “height” it makes no difference…

            1 Reply Last reply Reply Quote 0
            • D Offline
              dudej11
              last edited by Aug 11, 2018, 10:53 PM

              Hey! Although this thread is a bit old, I’m wondering if I can get some assistance. I have my DarkSky API key correct, however the console of my Mirror is telling me that it refreshed the access token because it had expired. I checked the API panel, and it did indeed show that the API had been called, so my API key is correct. However, the weather module never loaded. Any suggestions?

              1 Reply Last reply Reply Quote 0
              • B Offline
                barnosch
                last edited by Aug 12, 2018, 8:48 AM

                Other moduls are showing?
                Have you tried with the above example from idoodler?

                Otherwise try to delete the folder again, pull it again and don’t forget to “npm install” in the just downloaded folder.

                1 Reply Last reply Reply Quote 0
                • T Offline
                  twosquirrels @rak
                  last edited by twosquirrels Aug 29, 2018, 3:28 PM Aug 29, 2018, 3:26 PM

                  @rak

                  Thanks for this fork! I like your sample screenshot. I cloned it and did npm install, but the sizing of all the colored elements are all way off. Any ideas?

                  Why is it showing 10 degrees all the way up through 70 when it really only needs to show 70 to 95?

                  The rain bars are too tiny, as are the temperature range bars. :disappointed_face:

                  0_1535556499508_CloudApp Annotation 2018-08-29 at 11.28.10 AM.png.png

                  1 Reply Last reply Reply Quote 0
                  • R Offline
                    rak
                    last edited by rak Aug 30, 2018, 8:43 PM Aug 30, 2018, 8:42 PM

                    Hello,

                    because it meant to be for Grad Celcius and not Grad Fahrenheit. When ever will US go to a metric system ,-).

                    Fix is easy.

                    Search in modules/MMM-forecast-io/MMM-forecast-io.js for

                    id: 'temperature',
                                position: 'left',
                                ticks: {
                                  suggestedMin: 10,
                    

                    and change suggestedMin to you choosing, like 70 … .

                    Enjoy.

                    For the bars. You need more space. Make the module wider, or reduce the font size (custom.css).

                    1 Reply Last reply Reply Quote 0
                    • J Offline
                      justindp2006
                      last edited by Nov 8, 2018, 4:04 PM

                      Been trying to use this module but the width is taking up almost the whole screen. I’m assuming size needs adjusted in the css file but I don’t know which is causing this. Ideas?

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