See video version of the tutorial

Google Charts is free to use charts library from Google which renders nice customizable charts that work on all platforms.

wpDataTables plugin allows inserting Google Charts in WordPress posts or pages with a simple wizard.

Steps needed to create any chart and insert it in to WordPress post or page are explained in this documentation section; here we will cover Google Charts types which are supported by wpDataTables plugin, and their features.

 

1. Google Column Chart

Column chart is a basic chart where series are rendered in simple vertical columns:

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • Minimum 2 columns required.

 

2. Google Histogram Chart

As Google itself explains: A histogram is a chart that groups numeric data into bins, displaying the bins as segmented columns. They’re used to depict the distribution of a dataset: how often values fall into ranges:

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • Minimum 2 columns required.

 

3. Google Bar Chart

Bar chart shows series data in horizontal bars. Looks a little bit different from other Google Charts because it is rendered by a newer rendering library:

  • One string or date column supported (will be used for vertical axis)
  • Other columns should have numerical values.
  • Minimum 2 columns required.

 

4. Google Area Chart

Area chart is similar to Line chart, but the area below a series line is colored:

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • Minimum 2 columns required.

 

5. Google Stepped Area Chart

Stepped Area chart is very similar to “usual” area chart, but the angles are strictly straight:

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • Minimum 2 columns required.

 

6. Google Line Chart

Google Line Chart is showing the series data in a line. wpDataTables smoothens it so it would like a function graph:

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • Minimum 2 columns required.

 

7. Google Pie Chart

Pie Chart renders the chart in a form of “sliced pie” where each slice stands for one series entry:

  • One string or date column supported (will be used to name the slices)
  • Other columns should have numerical values.
  • 2 columns strictly required.

 

8. Google Donut Chart

Donut Chart is very similar to Pie chart, but it has an empty inner part so it’s more like a “sliced donut” rather then a “sliced pie”:

  • One string or date column supported (will be used to name the slices)
  • Other columns should have numerical values.
  • 2 columns strictly required.

 

9. Google Bubble Chart

As Google itself explains, “A bubble chart is used to visualize a data set with two to four dimensions. The first two dimensions are visualized as coordinates, the third as color and the fourth as size”:

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • Minimum 2 columns required.

 

10. Google Scatter Chart

Google Scatter chart plot points on a graph. When the user hovers over the points, tooltips are displayed with more information:

  • One string or date column supported (will be used for horizontal axis)
  • Other columns should have numerical values.
  • Minimum 2 columns required.

 

11. Google Gauge Chart

Google Gauge Chart renders a simple gauge:

  • One string or date column supported (will be used to name the gauges)
  • Other columns should have numerical values.
  • 2 columns strictly required.
  • It’s better not to have many rows.

Never miss new features!

Join 2000+ newsletter subscribers

Never miss notifications about new cool features, promotions, giveaways or freebies - subscribe to our newsletter! We send about one mail per month, and do our best to keep our announcements interesting.

We never spam or disclose your address to anyone.