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

Encapsule chart.js plugins?

Scheduled Pinned Locked Moved Development
10 Posts 2 Posters 1.3k 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.
  • A Offline
    Ashaman
    last edited by Feb 3, 2024, 11:13 PM

    I tried to swap the order of the modules and have the consumption-module first, then the price-module, and they suddenly work as intended!!

    I havw tried that before, but it’s been a while since I tested that, so I have probably changed something.
    Not optimal, but a workaround I can live with.
    Still apprechiate any feedback if someone have a suggestion!

    S 1 Reply Last reply Feb 3, 2024, 11:16 PM Reply Quote 0
    • S Offline
      sdetweil @Ashaman
      last edited by sdetweil Feb 3, 2024, 11:15 PM Feb 3, 2024, 11:14 PM

      @Ashaman I don’t know. but I suspect no. I would guess they clear the list on a new instance.

      I have not used any plugins

      yes for combining modules

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @Ashaman
        last edited by Feb 3, 2024, 11:16 PM

        @Ashaman awesome

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        A 1 Reply Last reply Feb 3, 2024, 11:27 PM Reply Quote 0
        • A Offline
          Ashaman @sdetweil
          last edited by Feb 3, 2024, 11:27 PM

          @sdetweil
          Some further testing:
          If i define the chart.umd.js in the price module, and comment out the line for chart.umd.js in the consumption-module, the modules work in the order I want!

          getScripts: function() {
          return [
          this.file(‘vendor/chart.umd.js’),

          If the module that is listed “on top” in the config gets the chart.umd.js script, it will fix both modules.

          (The lables is placed wrong in the consumption-module if it is above the price-module, but I guess that can be fixed somehow.)

          Problem is solved, but I don’t know why! :grinning_face_with_sweat:

          S 1 Reply Last reply Feb 3, 2024, 11:31 PM Reply Quote 0
          • S Offline
            sdetweil @Ashaman
            last edited by Feb 3, 2024, 11:31 PM

            @Ashaman why? cause the initialization order matters to chartjs.

            again, they would never see two apps on the same web page in normal life. in different tabs, sure, but those are different instances

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            A 1 Reply Last reply Feb 4, 2024, 1:26 PM Reply Quote 0
            • A Offline
              Ashaman @sdetweil
              last edited by Feb 4, 2024, 1:26 PM

              @sdetweil Yes, I see that now. I also think I have a strategy if I ever need more modules using chart.js. Make sure they run the same version, and initialize in the “first” module only.

              Thank you so much for your help!

              S 1 Reply Last reply Feb 4, 2024, 1:51 PM Reply Quote 0
              • S Offline
                sdetweil @Ashaman
                last edited by Feb 4, 2024, 1:51 PM

                @Ashaman cool. understand that this problem happens whenever multiple modules use the same script library.

                I discovered it with QR code. my module and WiFipassword collided over different versions. wifipassword uses an older version and hasn’t been updated.i wanted to use a feature in a newer version

                so much fun…

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • 1 / 1
                1 / 1
                • First post
                  8/10
                  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