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

      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
      • thgmirrorT Offline
        thgmirror
        last edited by

        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

          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
          • thgmirrorT thgmirror referenced this topic on
          • 1 / 1
          • 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