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

[SOLVED] Displaying part of a website (Google Sheets Graph)

Scheduled Pinned Locked Moved Troubleshooting
3 Posts 2 Posters 1.2k Views 2 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.
  • S Offline
    SiDuMo
    last edited by SiDuMo Jan 12, 2021, 6:28 PM Jan 12, 2021, 3:33 PM

    Hey coders,

    first of all: sorry for asking a noob question. I’ve tried to tackle this on my own (including forum searches) but can’t find a way to approach the problem.

    • The Challenge: Display the graph on this website.

    • My solution so far: Use MMM-SmartWebDisplay. However, this gives me only this part:smartwebdisplay.jpg

    • Config:

    		{
    			module: 'MMM-SmartWebDisplay',
    			position: 'middle_center',	// This can be any of the regions.
    			config: {
    				// See 'Configuration options' for more information.
    				logDebug: false, //set to true to get detailed debug logs. To see them : "Ctrl+Shift+i"
    				height:"100%", //hauteur du cadre en pixel ou %
    				width:"100%", //largeur
                   			updateInterval: 0, //in min. Set it to 0 for no refresh (for videos)
                    		NextURLInterval: 0.5, //in min, set it to 0 not to have automatic URL change.
                    		displayLastUpdate: true, //to display the last update of the URL
    				displayLastUpdateFormat: 'ddd - HH:mm:ss', //format of the date and time to display
                    		url: ["https://docs.google.com/spreadsheets/d/1jYJ5Vvc4Z9PrL2gYqE8-1dKrQDe1bKIj3Lt6hwoyeFU/edit?usp=sharing"], 
       		   		//source of the URL to be displayed
    				scrolling: "no", // allow scrolling or not. html 4 only
    				shutoffDelay: 10000 //delay in miliseconds to video shut-off while using together with MMM-PIR-Sensor 
    			}
    		},
    

    I somehow need to tell the module what part of the website I need, and that’s where I am currently stuck.
    Any help is appreciated, please feel free to propose different modules/solutions if my way is dumb.
    Also if you’re interested, here is my build.

    Stay creative,
    Simon

    1 Reply Last reply Reply Quote 0
    • T Offline
      thgmirror
      last edited by Jan 12, 2021, 5:02 PM

      Hi Simon,
      create a local html-file at the modules folder with the following content:
      f446e745-f8c1-4571-b08e-bca81be50bc9-image.png

      Name it as you like (mychart.html for example) and add the path to MMM-SmartWebDisplay instead of the URL you entered before:

      url: [“/modules/mychart.html”],

      Play around with the red-marked values…the exact data depends on the browser in use.
      This way is much easier than to adjust it directly in MMM-SmartWebDisplay.

      Greetings
      Thomas

      1 Reply Last reply Reply Quote 2
      • S Offline
        SiDuMo
        last edited by Jan 12, 2021, 6:23 PM

        Hey Thomas,

        works perfectly!
        Thank you very much :) This expands the possibilities for my mirror sooo far.

        Stay creative,
        Simon

        1 Reply Last reply Reply Quote 0
        • T thgmirror referenced this topic on Mar 26, 2022, 8:10 PM
        • 1 / 1
        1 / 1
        • First post
          2/3
          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