GravityWP

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

Jurriaan Koops

Bar Chart Gravity Forms

· ·

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.

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.

Hire the best developers for Gravity Forms

If you’re looking for good and experienced Gravity Forms developers to help you with your questions about GFChart (like Bar Chart Gravity Forms) and other add-ons, we advice you to hire experts on Codeable. Codeable is by far the most professional, dedicated and fun community to find the freelancer you need to help you with your WordPress questions.

Click here to visit Codeable