

Get in touch

Download Plugin Now
  • Follow
  • Follow
WP Data Access
  • Download
  • Support
  • Features
  • Pricing
  • Documentation
    • Tool Guide
    • App Builder
    • Data Explorer
    • SQL Query Builder
    • Plugin Settings
    • Legacy Tools
    • Remote Connections
a
M
M
  • Download
  • Support
  • Features
  • Pricing
  • Documentation
    • Tool Guide
    • App Builder
    • Data Explorer
    • SQL Query Builder
    • Plugin Settings
    • Legacy Tools
    • Remote Connections
Download Plugin Now

Legacy Tools

  • Deprecating in the near future

Tables

  • Getting Started
  • Creating and publishing
  • Responsive data tables
  • SEO friendly data tables
  • Adding hyperlinks
  • Extension Manager
  • Style Manager
  • Language settings
  • Styling
    • Style Manager
    • Premium styling
    • Global styling
    • Code Manager Styling
    • Manual styling
    • Styling issues
  • Filters
    • Static filters
    • Interactive filters
      • URL parameters
      • Search Panes
      • Search Builder
      • Search form
      • Advanced search
      • Geolocation search
  • Export & other buttons
    • Export to PDF, CSV, Excel, SQL
    • Print & copy buttons
    • Column selection buttons
    • Custom buttons
  • Advanced features
    • Advanced settings
    • Large tables & performance
    • Progressively SHOW MORE
    • Custom queries
    • Custom Post Types
    • Row grouping
    • Responsive master-detail
    • Master-detail tables
    • Non admin user access
  • Demos & tutorials
    • Demos
    • Tutorials

Forms

  • Data Projects
  • Projects and templates
  • Supported Data Types
  • One-To-Many relationships
  • Many-To-Many relationships
  • Registration page
  • Manage table options
  • Shortcode usage
  • Data Forms
    • Data Forms
    • Overview
    • Project Demo
    • Page Demo
  • Advanced features
    • Adding filters
    • Custom validation
    • Add less/more button
    • User roles
    • Managing roles and users
    • Advanced table options
    • Advanced lookups
    • Front-end toolbar
    • Transfer to other WP site
  • Demos & tutorials
    • Demos
    • Tutorials

Templates

  • Project Templates
  • Creating templates
  • Table Settings
  • Relationships
  • List Table
  • Data Entry
  • Reconcile

Designer

  • Getting started
  • Introduction
  • Basic mode

Dashboards

  • Getting started
  • Dashboards
  • Sharing dashboards
  • Dashboards Widgets
    • Dashboard Widgets
    • Publication Widget
    • Project Widget
    • Chart Widget
    • Custom Code Widget
    • Database Widget
    • Sharing Widgets

Charts

  • Chart Widget

Code

  • Shortcodes
    • Overview
    • wpdataaccess
    • wpdadataproject
    • wpdadataforms
    • wpdadiehard
    • wpdageomap
    • wpdawidget
  • Plugin Variables
    • Environment variables
  • Hooks & filters
    • Overview
    • Hooks
      • Overview
      • wpda_add_search_actions
      • wpda_add_search_filter
      • wpda_before_list_table
      • wpda_after_list_table
      • wpda_wpdataaccess_prepare
    • Filters
      • Overview
      • wpda_column_default
      • wpda_before_simple_form
      • wpda_after_simple_form
      • wpda_construct_where_clause
  • API
    • WP Data Access API
    • Remote database access
    • CRUD Example
    • Extensions
      • Alternative search algorithm
      • Alternative buttons extension
  • Code Manager
    • Overview
    • Write code
    • Share(d) code
View Categories

Chart Widget

WP Data Access - Bar Chart
WP Data Access - Columns Chart
WP Data Access - Chart Histogram
WP Data Access - Line Chart
WP Data Access - Chart Pie
WP Data Access - Chart Gauge
WP Data Access - Data Table

Each chart type needs its own data set. Data sets are created using SQL queries. Please check the hints available for each chart type and make sure your SQL query meets these requirements. Use the Query Builder to test your queries before you use them to create a chart.

Make sure your query does not return thousands of rows. This will slow down your server, and charts showing thousands of values are useless anyway. Use a publication if you need a table showing hundreds, thousands or millions of rows, or if you want to add advanced searching, export buttons or other publication features.

Inline interactive chart demo #

Charts can be added to dashboards and webpages. It is also possible to embed charts on external web pages. Here is an inline demo of a chart containing a drop down list which allows a user to interactively changed the chart type. Buttons allow a user to download the chart data or print the chart.

Export data hyperlink

Advanced chart options #

Advanced chart options allow plugin users to add Google Charts options which are not available through the user interface. Options need to be entered in valid JSON. Invalid JSON is rejected! Use the Check JSON validity button before you close the popup.

Examples #

3D pie chart #

The following example turns a pie chart into a 3D pie.

WP Data Access - 3D Chart

Option

{ 
  "is3D": true
}

Customizing axes #

WP Data Access - Chart custom vertical axis

Option

{
  "vAxes": {
    "0": { "baseline" : 0 }
  }
}

Notes #

  • The chart widget supports remote database connections. Please make sure the remote user has the SELECT and CREATE TEMPORARY TABLES privileges.

Further reading #

  • https://developers.google.com/chart/interactive/docs/gallery/piechart
  • https://developers.google.com/chart/interactive/docs/customizing_axes
  • https://developers.google.com/chart/interactive/docs/examples
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on 2025-02-10

2 Comments

  1. Mitchell Knights
    Mitchell Knights on 2022-12-08 at 3:58 am

    Hi, Is there a way to make the chart dynamically update from the results of a Data Publishing Table? i.e can you pass the results of a dataset from a table to a chart? I’d like to have the chart automatically update as the user scrolls the results. Thanks Mitchell

    Reply
    • Peter Schulz
      Peter Schulz on 2022-12-09 at 8:28 am

      Hi Mitchell,

      Interesting thought!

      There is a getChartData() function which sends a request to get the chart data. Function refreshChart() then updates the chart. You could overwrite the chart data and call refreshChart() interactively. Some updateChartData() function should work and would need to be called from your publication. Can be done!

      We currently don’t have the time as we are working on a huge website update. If you have JavaScript skills you might be able to do it. Or is anyone else reading this interested? Let me know…

      It’s on our to do list! But I cannot give you an ETA at this time. Sorry.

      Thanks!
      Peter

      Reply

Submit a Comment Cancel reply

Your email address will not be published. Required fields are marked *

Table of Contents
  • Inline interactive chart demo
  • Advanced chart options
  • Examples
    • 3D pie chart
    • Customizing axes
  • Notes
  • Further reading
WP Data Access
  • Follow
  • Follow
Quick Links
$

Blogs

$

Tutorials

$

Demos

Get in touch
$

Premium support

$

Free support forum

$

Contact us

Resources


WordPress plugin directory



YouTube tutorials

Copyright © 2025 | All Right Reserves

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.Ok