You can use Google Charts in WordPress by creating them with the wpDataTables chart wizard and inserting them into any post or page. This page covers every Google Charts type wpDataTables supports, with examples and the data each type requires.
Table of Contents
Google Charts is a free charts library from Google which renders attractive customizable charts that work on all platforms. You can create a table chart using the Google charts API that’s included in wpDataTables.
The wpDataTables charts plugin features a simple wizard that allows the insertion of the Google chart library in WordPress posts or pages.
The steps needed to create any Google chart and insert it in a WordPress post or page are explained in this documentation section. Here we will cover the Google Charts in WordPress with examples that are supported by wpDataTables plugin, and their features.
wpDataTables supports Google column, histogram, bar, stacked bar, area, stepped area, line, pie, donut, bubble, scatter, candlestick, waterfall and gauge charts. Each type, its demo and its data requirements are described below.
Column chart is a basic chart where series are rendered in simple vertical columns:
As Google explains: A histogram is a chart that groups numeric data into bins and displays the bins as segmented columns. They’re used to depict the distribution of a dataset: i.e., how often values fall into ranges:
Bar chart shows series data in horizontal bars.
This chart type is similar to a basic bar chart, but the series values are “stacked” to the right of each other in the horizontal bars.
An area chart is similar to a Line chart, but the area below a series line is colored:
A Stepped Area chart is very similar to the “typical” area chart, but the angles are straight:
A Google Line Chart displays the series data in a line. In wpDataTables it is possible to smooth it out it, so it will like a function graph:
The Pie Chart renders the data in a “sliced pie” format, where each slice stands for one series entry(left pie chart).If you turn on option 3D, your pie chart will be drawn as though it has three dimensions (right pie chart)
A Donut Chart is similar to Pie chart, but it has an empty inner part so its appearance is more that of a “sliced donut” instead of than a “sliced pie”:
As Google 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”:
An example of a bubble chart is the correlation between life expectancy, fertility rate and population of several different countries.
A Google Scatter chart plot points on a graph. When the user hovers over the points, tooltips provide more information:
Candlestick chart is a type of the financial chart that is used to visualize price movements and is often used for decision making in stock, trading and foreign exchange.
Each “candlestick” typically shows one day and represents all four important pieces of information for that day: open, high, low and close values. The filled part of the candlestick is called “the body” and the lines above and below this part represent the high/low range and are called “shadows”. If the body is longer that means that there is more pressure in buying or selling, and if it is short that means that there is a small price movement.
There are two types of candlesticks:
As for the “shadows”, the upper shadow shows the difference between the high and the close value, and lower shadow shows the difference between the low and the open value.
The Waterfall chart is used to show how the initial valute is affected by a series of positive and/or negative values.
Gauge charts are also known as dial charts or speedometer charts; they use needles to show information like you would read on a dial.
You can learn more in the related chart guides below, covering chart creation, editing, other chart engines and dynamic chart features.
To get your hands on wpDataTables Lite, please enter your email address below. We’ll send you a direct download link and keep you updated on existing features along with helpful tips and tricks!
