Charts
Overview
The Charts block utilises the Google Charts library to display an array of interactive charts and data tools from user-supplied data. The charts are responsive and cross-browser compatible, with an extensive set of controls to style the charts to your website theme.
Once installed the core query
, post-template
and pagination
blocks will be unregistered and replaced with our custom versions.
Release | 1.0.0-rc.3 |
Min Version | 5.8 |
Product Owner | Jonny Waters |
GitHub Repo | bigbite/block-google-charts |
Notion | Charts Block |
Example
Bar (Vertical)
CMS Usage
Example
Pie
CMS Usage
Options
Chart types
- Bar (vertical)
- Bar (horizontal)
- Pie
- Donut
- Geo (world)
- Geo (region)
- Line
- Area
Data Input
- The chart block accepts comma-separated data or a CSV upload as part of the block settings. More information about the Data accepted by the library can be found at Prepare the data.
Colours
- Custom text colour
- Custom label colours
- Background colour options
Chart Customisation
- Height controls
- Toggle title
- Toggle key