• Skip to primary navigation
  • Skip to main content

GravityWP

The best information about Gravity Forms, GravityView, Gravity Flow and other addons

  • Tutorials
  • Forms
  • Views
  • Workflow
  • PDF
  • Perks
  • Show Search
Hide Search
Jurriaan Koops

Bar Chart Gravity Forms

Jurriaan Koops · Mar 16, 2018 ·

Do you want to show data from your Gravity Forms in a (complex) Bar Chart? There is only one plugin you should use: GF Chart. You can easily make Bar charts (even very complex ones) from the data visitors of your website filled in on your website.

Download GF Chart
  1. How to make a Complex Bar Chart with GF Chart?
  2. Step 1: Design
  3. Step 2: Select Data
  4. Step 3: Configuration
  5. Step 4: Preview
DEMO

Example Complex Bar chart

Chart is based on entries.
  • 4 quarters CSS

  • Fill in a number
  • Gravity Forms - Radio Buttons / Checkbox Images

  • JetSloth - Image Choices

  • Gravity Forms - List

  • Column 1Column 2Column 3Column 4 
  • Gravity Forms - Survey - Stars (rating)

  • GravityWiz - Copy Fields

  • Copy Field

  • Just type something here ;-)
  • Copy Address

  • GravityWiz - Unique ID

  • ovann86 Dropdown List Field

  • Simple dropdownAdvanced dropdown 
    Just click on the '+' sign to add new rows with dropdowns.
  • ovann86 List Field Number

  • US notationEU notationValuta 
  • ovann86 List Field Date

  • Date Format dd/mm/yyyyDate dd-mm-yyyy with IconDefault Date Set yyyy/mm/dd 
  • ovann86 List Field Date

  • Upload 1Upload 2 
  • Slider

  • Perk Word Count

  • Minimal 2 and maximal 6 words.
  • Maximal 144 characters
  • Maximum 1000 characters (default option in GF)
  • GF Survery Ranking

    • First Choice
    • Second Choice
    • Third Choice
    • Fourth Choice
    • Fifth Choice
    • Happy
    • Crazy
    • Not happy
  • GF Survery Likert

  • Strongly disagreeDisagreeNeutralAgreeStrongly agree
  • Strongly disagreeDisagreeNeutralAgreeStrongly agree
    First row
    Second row
    Third row
    Fourth row
    Fifth row
  • Limit Dates

  • Date Format: DD slash MM slash YYYY
    Select your date between today and 1 month ahead. You can only select Tuesdays, Wednesdays and Thursdays in this period. That's what this plugin does, and more. For example you can set fixed dates, ranges from today, etc.
  • Merge tags gravity pdf

  • read-only-fields

  • bar-chart-gravity

  • Not required. We keep you updated about new versions if you fill in your e-mail address here.
  • Please enter a number from 1 to 99.99.
  • Percentage Sign

  • CSS List

    • Check if this is done;
    • Check if that is done;
    • And finally check if everything is done.
  • Gravity Forms Entries in Excel

How to make a Complex Bar Chart with GF Chart?

Just install the plugin and make a Gravity Form with a radio button or drop down field. In the WP-admin area go to 'Forms ->'Charts/Calculations'. Add a new Chart and select the right form. You can use GF Chart with many other fields as well, but for this example, we use a Radio Button as basis.  

Step 1: Design

You choose for the Bar and for the Horizontal option. There is an option to choose for where to place the legend relative to the Bar chart.

Step 2: Select Data

Which field(s) should be the basis of your bar chart? There are different options to specify, but that is not needed to go into. If you are a professional user of Gravity Forms, it’s nice to have these extra options!

Step 3: Configuration

The Gravity Forms Charts plugin gives you some options to style your Bar Chart, like height and width.

Step 4: Preview

GF Charts gives you on the spot a preview of the chart you’re making. Not satisfied? Change it in the previous steps. Satisfied? Use the simple shortcode to place it anywhere on your website.
Download GF Chart

GFChart

© 2021 - This website is made possible by the wonderful services of
WordPress, GravityForms, GravityView, GravityWiz, Genesis Framework & WP Engine

  • About
  • Hire GF developers
  • Charts
  • Cheat Sheet