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.

    read csv-data and put it in an array

    Scheduled Pinned Locked Moved Utilities
    313 Posts 3 Posters 495.6k Views 4 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.
    • PerlchampP Offline
      Perlchamp
      last edited by

      covid chart do not load :-(

      S 1 Reply Last reply Reply Quote 0
      • S Do not disturb
        sdetweil @Perlchamp
        last edited by

        @Perlchamp show me the config for the module?

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • PerlchampP Offline
          Perlchamp
          last edited by

          in config.js i didn’t use the config section. i thought the defaults should be enough. ok, i will put the config section into the config.js. just a moment, please …

          S 1 Reply Last reply Reply Quote 0
          • S Do not disturb
            sdetweil @Perlchamp
            last edited by sdetweil

            @Perlchamp no… I don’t pick any countries or states, or describe how big the charts should be…
            try this

            		{
            			module:"MyCovid19",
            			disabled:false,
            			position:"top_left",
            			classes: 'sam',			
            			config:{
            				countries:["Italy","USA","China","Spain", "France",'Sweden'],
            				// line colors can be any definition of color either a name ,or a hex string
            				// one per country above, used in order,
            				line_colors:['red','white','green','yellow','#34ebde','#34eb00'],
            				//				
            				chart_type:"cumulative_deaths",  // or "cumulative deaths"
            				chart_title:"cumulative deaths by country", // however u want to label
            				// the vertical steps on the chart.. how tall u want it to be and how mant increments 
            				ranges:{min:0,max:30000,stepSize:5000},
            				// size of the chart in pixels
            			    width: 400,
            			    height: 400,	
            			    // only used if we need to debug something
            			    debug:false,
            			    startDate:'02/01/2020',
            			    //backgroundColor: 'white',
            			},
            		},	
            

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • PerlchampP Offline
              Perlchamp
              last edited by

              still loading …

              {
              			module: "MyCovid19",
              			position: "top_right",
              			config:{
              				countries: "Italy",
              			    //countries:["Italy","USA","China","Spain","France"],
                              //OR
              			    //states:['New York','Illinois','Texas'],
              
              			    // one of countries or states MUST be specified
              
              			    // line colors can be any definition of color either a name ,or a hex string
              			    // one per country above, used in order,
              			    //line_colors:['red','white','green','yellow','blue'],
              			    line_colors: "white",
              			    //				
              			    chart_type:"cumulative_cases",  // or "cumulative deaths"
              			    chart_title:"Cumulative Cases", // however u want to label
              			    // the vertical steps on the chart.. how tall u want it to be and how mant increments
              			    ranges:{min:0,max:8000,stepSize:10000},
              			    // size of the chart in pixels
              		        width: 400,
              		        height: 500,
              		        // only used if we need to debug something
              		        debug:false,
              		        startDate: "02/01/2020"
              		    }
              		},
              
              S 1 Reply Last reply Reply Quote 0
              • S Do not disturb
                sdetweil @Perlchamp
                last edited by

                @Perlchamp said in read csv-data and put it in an array:

                  		countries: "Italy",
                

                must be an array countries : [ ‘Italy’ ] ,

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • PerlchampP Offline
                  Perlchamp
                  last edited by

                  to include csvtojson i have to do the following ?

                  getScripts: function () {
                  		    return ["moment.js", "modules/" + this.name + "/node_modules/csvtojson/bin/csvtojson.js"];
                  		},
                  

                  is that right ?
                  covid do not run … black screen, no loading message …

                  S 2 Replies Last reply Reply Quote 0
                  • S Do not disturb
                    sdetweil @Perlchamp
                    last edited by sdetweil

                    @Perlchamp no… see the node_helper.js

                    you cannot use the csvtojson in the modulename.js

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • S Do not disturb
                      sdetweil @Perlchamp
                      last edited by

                      @Perlchamp did u use my config info above? just to make it work

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • PerlchampP Offline
                        Perlchamp
                        last edited by

                        yes.
                        [“Italy”],

                        which one? in your corona ?

                        S 1 Reply Last reply Reply Quote 0
                        • S Do not disturb
                          sdetweil @Perlchamp
                          last edited by

                          @Perlchamp i provided a complete working sample for my module above… copy/paste it into your config.js

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          1 Reply Last reply Reply Quote 0
                          • PerlchampP Offline
                            Perlchamp
                            last edited by

                            i did copy it, but doesn’t work yet. have i look on your code. is there a comma after the date. i think this shouldn’t be there. i deleted it, but still does not work => black screen

                            S 1 Reply Last reply Reply Quote 0
                            • S Do not disturb
                              sdetweil @Perlchamp
                              last edited by

                              @Perlchamp you copied all this exactly, right?

                              {
                              			module:"MyCovid19",
                              			disabled:false,
                              			position:"top_left",
                              			classes: 'sam',			
                              			config:{
                              				countries:["Italy","USA","China","Spain", "France",'Sweden'],
                              				// line colors can be any definition of color either a name ,or a hex string
                              				// one per country above, used in order,
                              				line_colors:['red','white','green','yellow','#34ebde','#34eb00'],
                              				//				
                              				chart_type:"cumulative_deaths",  // or "cumulative deaths"
                              				chart_title:"cumulative deaths by country", // however u want to label
                              				// the vertical steps on the chart.. how tall u want it to be and how mant increments 
                              				ranges:{min:0,max:30000,stepSize:5000},
                              				// size of the chart in pixels
                              			    width: 400,
                              			    height: 400,	
                              			    // only used if we need to debug something
                              			    debug:false,
                              			    startDate:'02/01/2020',
                              			    //backgroundColor: 'white',
                              			},
                              		},	
                              

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              1 Reply Last reply Reply Quote 0
                              • PerlchampP Offline
                                Perlchamp
                                last edited by

                                my config yet:

                                		{
                                			module:"MyCovid19",
                                			disabled:false,
                                			position:"top_left",
                                			classes: 'sam',			
                                			config:{
                                				countries:["Italy"],
                                				//countries:["Italy","USA","China","Spain", "France",'Sweden'],
                                				// line colors can be any definition of color either a name ,or a hex string
                                				// one per country above, used in order,
                                				//line_colors:['red','white','green','yellow','#34ebde','#34eb00'],
                                				line_colors:['white'],
                                				//				
                                				chart_type:"cumulative_deaths",  // or "cumulative deaths"
                                				chart_title:"cumulative deaths by country", // however u want to label
                                				// the vertical steps on the chart.. how tall u want it to be and how mant increments 
                                				ranges:{min:0,max:30000,stepSize:5000},
                                				// size of the chart in pixels
                                			    width: 400,
                                			    height: 400,	
                                			    // only used if we need to debug something
                                			    debug:false,
                                			    startDate:'02/01/2020'
                                			    //backgroundColor: 'white',
                                			},
                                		},
                                
                                
                                S 1 Reply Last reply Reply Quote 0
                                • S Do not disturb
                                  sdetweil @Perlchamp
                                  last edited by

                                  @Perlchamp I used yours exactly, and works

                                  Sam

                                  How to add modules

                                  learning how to use browser developers window for css changes

                                  1 Reply Last reply Reply Quote 0
                                  • PerlchampP Offline
                                    Perlchamp
                                    last edited by

                                    may it need time to load the raw data?
                                    i will start it, drink a coffee, will come back and see …

                                    S 1 Reply Last reply Reply Quote 0
                                    • S Do not disturb
                                      sdetweil @Perlchamp
                                      last edited by sdetweil

                                      @Perlchamp raw data is the csv file from the source

                                      it should be there within a few seconds…

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

                                      1 Reply Last reply Reply Quote 0
                                      • S Do not disturb
                                        sdetweil
                                        last edited by

                                        I will be busy for next few hours with grandson

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

                                        1 Reply Last reply Reply Quote 0
                                        • PerlchampP Offline
                                          Perlchamp
                                          last edited by

                                          my old config doesn’t go either. something’s wrong. but what ?

                                          S 1 Reply Last reply Reply Quote 0
                                          • S Do not disturb
                                            sdetweil @Perlchamp
                                            last edited by

                                            @Perlchamp did you do the npm install in my module folder per the instructions?

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 4
                                            • 5
                                            • 15
                                            • 16
                                            • 1 / 16
                                            • 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