How to create dynamic line graphs from form data in Memberstack with persistent JSON storage? Answered

Post author
Boggan null

Hello friends! is there a component or a Memberstack script to build line graphs or some kind?

I need when a user complete a form, this information automatically filled in on another page, and if possible one below the other as for example ITEMS of stock or different data, that are collected and saved on your page as a ‘History’. This can be done with JSON right?

Comments

4 comments

  • Comment author
    A J

    Hey Boggan null, while you can gain design inspirations from the Dashboard section in Memberstack components, have you checked this free template out?

    This seems to be using chart.js for charts along with custom code, which you can further customize as per your use-case. Hope this helps.

    0
  • Comment author
    Raquel Lopez

    Hello,

    You'll have to use a javascript library to create a graph component.

    The template AJ shared, the graph part uses one of those libraries. Here's a live demo of how a graph component would work, you'll have to adapt the data to make sure it works according to your design and logic.
    https://www.chartjs.org/docs/latest/samples/line/line.html

    Uhm, I'm not sure I understand well your question. I assume your asking about persistence of data. If so, yes. data stored as json using MemberJson from Memberstack is a way to save your data inside your member to later display it.

    0
  • Comment author
    Boggan null

    thanks!!!! 🫶

    Thanks raquel!!! Im going to see how i can explain better my question, but yes that is the concept

    0
  • Comment author
    A J

    Boggan null, +1 to what Raquel said.

    Here's a demo project which could give you ideas on how to add items and display items from JSON groups. You could potentially customize the code to retrieve and show the stored JSON items on another page as well.

    0

Please sign in to leave a comment.