Formidable Forms

The Most Advanced WordPress Forms Plugin and Form Builder

  • Features
  • Pricing
  • Blog
  • Support
  • Login
  • Get Formidable Forms

Jamie / September 1, 2016

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.

Install Formidable Lite

Using WordPress and want to get Formidable Forms for free?

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 news and updates

Newsletter Signup

Popular Resources

    • WPForms Alternative: Formidable Forms vs WPForms Compared
    • 5 Best WordPress Customer Reviews Plugins [2020]
    • How to Create a WordPress User Directory
    • The Best Online Order Form Creator for WordPress
    • Online Survey vs WordPress Form Plugin Compared
    • How to Create a Calculator in WordPress
    • How to Create a WordPress Contact Form with File Uploads
    • Create An Instant Online Quote Form
    • How to Make a Quiz in WordPress
    • The Best Gravity Forms Alternative? Formidable Forms vs Gravity Forms Compared
    • How to Create WordPress Appointment Booking Forms
    • How to Create Charts and Graphs from WordPress Forms
    • How to Print Your WordPress Form Submissions to PDF
    • How to Make a MailChimp Contact Form in WordPress
    • 5 Easy Steps to the Perfect Online Lease Agreement Form
    • The Ultimate WordPress Questionnaire Builder
    • How to Add a Simple Contact Form in WordPress
    • How to Allow User Submitted Posts in WordPress Forms
    • The Best Voting Plugin for WordPress
    • How to Build a Multi-Step Form in WordPress
    • How to Build a Custom WordPress Login Form in 4 Easy Steps
    • Jotform Alternative: Formidable Forms vs Jotform Compared
    • Ninja Forms Alternative: Formidable Forms vs Ninja Forms Compared
    • How to Create a Real Estate Website with WordPress
    • How to Create User Accounts On Your WordPress Site
    • Contact Form 7 Alternative: Formidable Forms vs Contact Form 7 Compared
    • How to Collect Electronic Signatures in Online Forms
    • Beautiful Contact Form Design in WordPress (with Examples)
    • How to Replace Radio Buttons with Images in WordPress Forms
    • How to Create Conditional Drop Down Lists in WordPress Forms

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

Top Features

  • Front End Editor
  • Repeating Fields
  • Views from Entries
  • Calculator Forms
  • Conditional Logic
  • Visual Form Styler
  • Form Templates
  • User Submitted Posts
  • File Upload Forms
  • Spam Protection
  • Multi Page Forms
  • Surveys & Polls
  • Form Graphs & Charts
  • Save and Continue
  • Mobile Forms
  • Stripe Forms
  • PayPal Forms
  • WooCommerce Forms
  • MailChimp Forms
  • User Registration
  • Signature Forms
  • Bootstrap Forms
  • Quiz Maker
  • Zapier Forms
  • Salesforce Forms
  • HubSpot Forms
  • API Webhooks
  • Multilingual Forms
  • Directories

Company

  • About Us
  • Giving Back
  • Careers
  • Newsletter
  • Blog

Copyright © 2021 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