Formidable Forms

Formidable Forms

  • Features
  • Pricing
  • Resources
    • Docs & Support
    • Blog
    • Community
  • Solutions
    • Web Applications
    • Calculators
    • Surveys
    • Directories
    • Payments
    • Contact forms
  • Login
  • Get Formidable Forms

Jamie / Last Updated November 1, 2021

Improved WordPress Graphs for your Forms

Improved WordPress Graphs for your Forms

As I assist Formidable Pro users at our help desk, recurring needs and patterns come to my attention. Over the past few months, I noticed Formidable's graphs were getting quite, well, dusty. So I rinsed them off, scrubbed them down, and polished them up. Now your WordPress graphs will really shine. Personally, I am much more likely to use and recommend our graphs now. Want to see why?

The new look

Our color scheme has been revitalized so the default graphs don't look so...last century.

Formidable Forms is the best WordPress Form Builder plugin. Get it for free!
graph-from-1990
graph-from-21st-century
I also added a new toolbox of options for you to customize the look and feel of the graphs. After keeping a list of graph requests for a few months and looking through the graph suggestions in the help desk, I came up with the following options:
  • x_slanted_text
  • colors (updated)
  • title_bold
  • title_color
  • legend_size
  • legend_position
  • x_title_size, y_title_size
  • x_title_color, y_title_color
  • x_labels_size, y_labels_size
  • x_text_angle
  • x_show_text_every
  • x_min and x_max
  • is_stacked
  • curve_type
  • chart_area
  • no_data

This list may not mean much to you at this point, so I would recommend checking out the docs if you would like to learn more about these new options. We're in the process of updating our documentation so if you don't see all of the options listed, just check back in a couple of days.

One of the most highly requested options included in the list above is the colors parameter. You can now make each bar a different color in your graphs (yay!).

Oh, and tooltip wrapping happens automatically now! You no longer have to worry about your long tooltips getting cut off.

🌟 Formidable does what other survey makers can't.


See why Formidable the most Powerful WordPress survey plugin out there!

Graph filtering

The ability to filter by a start and end date is a highly requested graph feature that is now available. You can use x_greater_than="2016-01-01" or x_less_than="2016-04-01" where x is the ID of a date field in your form. This also applies to the frm-stats shortcode.

New graph types

On top of the new graph options and filters, a handful of new graph types have been added to your toolbox.
new-graph-types1
new-graph-types2
new-graph-types3

My personal favorites

There are three specific graphs that offer especially useful snapshots of the activity in your forms. Let me tell you about them.

Pie graph of selections

This is a pretty basic graph, but it's very helpful. If you have a Dropdown, Checkbox, or Radio Button, then you can easily see which options are getting selected most. Maybe you're taking a poll asking which state your users are from? Whatever it is, you can get a quick glimpse at what users are selecting.

The shortcode:

[frm-graph fields="x" type="pie" title="Pie Chart" show_key="1"]

The graph:
basic-pie-graph-with-legend

Entries over time

The form parameter is a new option as of 2.02.05. Instead of graphing a specific field, you can graph all submissions in a form using form="x". In this particular example, I group by month, but you can also group by quarter or year. You can even remove the group_by parameter to show daily entries.

The shortcode:

[frm-graph form="x" title="Submissions over time" type="line" group_by="month" x_slanted_text="0"]

The graph:
entries-over-time

Submissions by country

This is a nifty graph that can be used to see where your form submissions are coming from. If you have a Country dropdown field in your form, then you can create a geographical chart like the one below.

The shortcode:

[frm-graph fields="6817" type="geo" colors="#2A48F4,#1DA7F0,#1AEFE9,#16EE97,#13EC44,#80EA0C,#D2E809,#E7AA06,#E65303,#E50005"]

The graph:
geo-chart

For developers

As I updated the code behind the graphs, I added a hook to make sure the graph data is fully customizable. The frm_graph_data hook can be used to customize the values and labels in your graphs. We're in the process of adding documentation for this new hook, but in the mean time, let us know if you have any questions!

What's next?

I'm thinking about incorporating Google's material charts into a future release. Check out their material bar charts. If there is anything in particular that you would like to see added to the graphs, let me know! Just create a suggestion in our help desk so I can hear about your ideas.

Using WordPress and want to get Formidable Forms for free?

Get Formidable Forms Lite Now

This article may contain affiliate links. Once in a while, we earn commissions from those links. But we only recommend products we like, with or without commissions.

Comments

  1. cloudmedialab says

    September 3, 2016 at 9:54 am

    Great work refreshing and updating the Formidable graphs, Jamie. Entries over time I can use right away

    Reply
    • Jamie says

      September 7, 2016 at 11:14 am

      Thanks! Yeah, I really like having that option.

      Reply
  2. natethegreat says

    September 3, 2016 at 1:04 pm

    Awesome!

    Reply
    • Jamie says

      September 7, 2016 at 11:14 am

      Thank you! Enjoy 🙂

      Reply
  3. andreas.gst says

    September 4, 2016 at 2:29 am

    Perfecto! This will make the graphs so more useful, thank you!

    Reply
    • Jamie says

      September 7, 2016 at 11:15 am

      I hope so! Thanks for your additional suggestions for graphs in the help desk.

      Reply
  4. Charlotte says

    August 7, 2018 at 2:38 am

    Hi Jamie, is it possible to not show the tooltip or if not style it differently?

    Reply
  5. Maaz says

    August 25, 2018 at 12:17 am

    I want to show these graphs to the users so no need of number of submissions. I want to show graph in output view and the graph should be based on the calculated results from other source. How can I do it?

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Get Email Updates

Popular Resources

    • How to Create a Searchable Database on a WordPress Site
    • Create a WordPress Custom Calculator: Easy, Powerful Results
    • How to Create a Fitness Tracker in WordPress
    • Formidable Views: The Best WordPress Custom Application Plugin
    • How To Require Email To Download Files in WordPress
    • How to Create Conditional Drop Down Lists in WordPress Forms
    • The Best Gravity Forms Alternative: Formidable Forms vs Gravity Forms
    • How to Make a Quiz in WordPress
    • WPForms Alternative: Formidable Forms vs. WPForms Compared

Take on bigger projects Right Now

Get the tools you need to revolutionize your workflow and architect a masterpiece. Build the most advanced WordPress forms and actually use the data you collect in meaningful ways.

Get the most advanced WordPress form plugin and the only form builder with integrated Views.

Get Formidable Forms Now

Resources

  • Community
  • Affiliates
  • Contact
  • Free Online Form Builder

Top Features

  • Application Builder
  • Calculator Forms
  • Surveys & Polls
  • Quiz Maker
  • Form Templates
  • Application Templates
  • Directories
  • Donation Plugin

Company

  • About Us
  • Giving Back
  • Careers
  • Newsletter
  • WP Tasty
  • Nutrifox

Copyright © 2023 Strategy11, LLC. Formidable Forms® is a registered trademark Strategy11, LLC.
Privacy Policy | Terms of Service | Sitemap

Join 300,000+ using Formidable Forms to create form-focused solutions fast. Get Started See User Reviews