MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    [MMM-ApexCharts] ApexCharts.js for your mirror.

    Utilities
    2
    4
    166
    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
      sharmstr Project Sponsor last edited by sharmstr

      Description:

      Chart module using ApexCharts.js for MagicMirror².

      I’m aware of the other chart modules out there, but I like using ApexCharts.js in my projects. Coloring via themes and its monochrome option make it a perfect match for a mirror project.

      Chart data can be supplied in config or pulled from JSON api.

      Screenshots:

      Pie chart with default options
      alt text

      Same pie chart with custom options:
      alt text

      Bar chart with default options:
      alt text

      Allows for multiple charts:
      alt text

      Download / Instructions:

      https://github.com/sharmstr/MMM-ApexCharts

      Version 1

      Initial release

      Version 2

      JSON fetch data interval added

      Version 2.1

      Support for stacked bar charts added
      Samples added to github wiki
      Added json api endpoint with sample data for testing.

      S 1 Reply Last reply Reply Quote 4
      • S
        sharmstr Project Sponsor @sharmstr last edited by

        JSON fetch interval added via chartInterval option. If option is not specified in config, the chart will only load JSON data at startup.

        S 1 Reply Last reply Reply Quote 1
        • S
          sharmstr Project Sponsor @sharmstr last edited by

          V2.1:

          • Added support for stacked charts.
            alt text

          • Added a json api endpoint with sample data you can use for testing
            http://my-json-server.typicode.com/sharmstr/MMM-ApexCharts

          KristjanESPERANTO 1 Reply Last reply Reply Quote 0
          • KristjanESPERANTO
            KristjanESPERANTO @sharmstr last edited by

            Realy nice 👏 Thank you!

            1 Reply Last reply Reply Quote 1
            • 1 / 1
            • First post
              Last post
            Enjoying MagicMirror? Please consider a donation!
            MagicMirror created by Michael Teeuw.
            Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy