Please wait...

Google Charts in WordPress

Video versionA video overview of Google charts in wpDataTables

Google chartsBasic information about the Google Charts rendering library

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.

Google Column ChartVisualizing data with columns

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.

Google Histogram ChartVisualizing data in a Histogram

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.

Google Bar ChartVisualizing data with Bars

Bar chart shows series data in horizontal bars.

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

Google Area ChartVisualizing data in coloured areas

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.

Google Stepped Area ChartVisualizing data in stepped areas

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.

 

Google Line ChartVisualizing data with plain lines

Google Line Chart is showing the series data in a line. In wpDataTables it is possible to 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.

Google Pie ChartVisualizing data with Pie slices

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.

 

Google Donut ChartVisualizing data with Donut slices

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.

Google Bubble ChartVisualizing data with Bubbles

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.

Google Scatter ChartVisualizing data in a Scatter plot

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.

Google Gauge ChartVisualizing data in a speedometer

Also known as dial charts or speedometer charts, use needles to show information as a reading on a dial.

  • 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.