{"id":102,"date":"2025-11-19T20:15:07","date_gmt":"2025-11-19T20:15:07","guid":{"rendered":"http:\/\/PeterSchulzNL"},"modified":"2025-11-19T20:15:07","modified_gmt":"2025-11-19T20:15:07","password":"","slug":"chart-widgets","status":"publish","type":"docs","link":"https:\/\/docs.legacy.wpdataaccess.com\/docs\/chart-widgets\/","title":{"rendered":"Chart Widget"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.19.1&#8243; custom_margin=&#8221;0px|0px|0px|0px|false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_4,1_4,1_4,1_4&#8243; _builder_version=&#8221;4.19.2&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; custom_margin=&#8221;30px|0px|0px|0px|false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/wpdataaccess.com\/wp-content\/uploads\/2021\/10\/barchart.png&#8221; alt=&#8221;WP Data Access &#8211; Bar Chart&#8221; title_text=&#8221;barchart&#8221; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/wpdataaccess.com\/wp-content\/uploads\/2021\/10\/columnchart.png&#8221; alt=&#8221;WP Data Access &#8211; Columns Chart&#8221; title_text=&#8221;columnchart&#8221; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/wpdataaccess.com\/wp-content\/uploads\/2021\/10\/histogram.png&#8221; alt=&#8221;WP Data Access &#8211; Chart Histogram&#8221; title_text=&#8221;histogram&#8221; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/wpdataaccess.com\/wp-content\/uploads\/2021\/10\/linechart.png&#8221; alt=&#8221;WP Data Access &#8211; Line Chart&#8221; title_text=&#8221;linechart&#8221; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_4,1_4,1_4,1_4&#8243; _builder_version=&#8221;4.19.2&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; custom_margin=&#8221;0px|0px|30px|0px|false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/wpdataaccess.com\/wp-content\/uploads\/2021\/10\/piechart.png&#8221; alt=&#8221;WP Data Access &#8211; Chart Pie&#8221; title_text=&#8221;piechart&#8221; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/wpdataaccess.com\/wp-content\/uploads\/2021\/10\/gauge.png&#8221; alt=&#8221;WP Data Access &#8211; Chart Gauge&#8221; title_text=&#8221;gauge&#8221; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/wpdataaccess.com\/wp-content\/uploads\/2021\/10\/table.png&#8221; alt=&#8221;WP Data Access &#8211; Data Table&#8221; title_text=&#8221;table&#8221; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;4.19.1&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;100%&#8221; custom_margin=&#8221;0px|0px|0px|0px|false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.19.2&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>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.<!-- \/divi:shortcode --><\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.19.2&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>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.<!-- \/divi:shortcode --><\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.19.2&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Inline interactive chart demo<\/h2>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.19.2&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>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.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.19.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\nERROR: Widget not found\n<p>[\/et_pb_text][et_pb_text admin_label=&#8221;Text&#8221; module_id=&#8221;advanced-chart-options&#8221; _builder_version=&#8221;4.19.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Advanced chart options<\/h2>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.19.2&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>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 <strong>Check JSON validity<\/strong> button before you close the popup.<\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.19.2&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Examples<\/h2>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.19.2&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>3D pie chart<\/h3>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.19.2&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>The following example turns a pie chart into a 3D pie.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/wpdataaccess.com\/wp-content\/uploads\/2022\/04\/charts-3d.png&#8221; alt=&#8221;WP Data Access &#8211; 3D Chart&#8221; title_text=&#8221;WP Data Access &#8211; 3D Chart (Click to Enlarge)&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.19.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Option<\/p>\n<p>[\/et_pb_text][et_pb_dmb_code_snippet code=&#8221;eyAKICAiaXMzRCI6IHRydWUKfQ==&#8221; _builder_version=&#8221;4.19.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_dmb_code_snippet][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h3>Customizing axes<\/h3>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/wpdataaccess.com\/wp-content\/uploads\/2022\/04\/charts-custom-axes.png&#8221; alt=&#8221;WP Data Access &#8211; Chart custom vertical axis&#8221; title_text=&#8221;WP Data Access &#8211; Chart custom vertical axis (Click to Enlarge)&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.19.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Option<\/p>\n<p>[\/et_pb_text][et_pb_dmb_code_snippet code=&#8221;ewogICJ2QXhlcyI6IHsKICAgICIwIjogeyAiYmFzZWxpbmUiIDogMCB9CiAgfQp9&#8243; _builder_version=&#8221;4.19.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_dmb_code_snippet][et_pb_text _builder_version=&#8221;4.19.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Notes<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.19.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li>The chart widget supports remote database connections. Please make sure the remote user has the <strong>SELECT<\/strong> and <strong>CREATE TEMPORARY TABLES<\/strong> privileges.<\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.19.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Further reading<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.19.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/piechart\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/piechart<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/chart\/interactive\/docs\/customizing_axes\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/developers.google.com\/chart\/interactive\/docs\/customizing_axes<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/chart\/interactive\/docs\/examples\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/developers.google.com\/chart\/interactive\/docs\/examples<\/a><\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:paragraph -->\n<p>Charts are new in version 5. The following chart types are supported:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:responsive-lightbox\/gallery {\"imageURL\":\"https:\/\/wpdataaccess.com\/wp-content\/uploads\/2021\/10\/barchart.png\",\"galleryID\":9116} -->\n<div class=\"wp-block-responsive-lightbox-gallery\">[rl_gallery id=\"9116\"]<\/div>\n<!-- \/wp:responsive-lightbox\/gallery -->\n\n<!-- wp:paragraph -->\n<p>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.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>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.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:shortcode -->\n[cmruncode name=\"Chart Types\"]\n<!-- \/wp:shortcode -->\n\n<!-- wp:heading -->\n<h2>Advanced chart options<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>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 <strong>Check JSON validity<\/strong> button before you close the popup.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Examples<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>3D pie chart<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>The following example turns a pie chart into a 3D pie.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:html -->\n<div><a href=\"https:\/\/wpdataaccess.com\/wp-content\/uploads\/2022\/04\/charts-3d.png\"><img src=\"https:\/\/wpdataaccess.com\/wp-content\/uploads\/2022\/04\/charts-3d.png\" title=\"WP Data Access - 3D Chart (click to enlarge)\"><\/a><\/div>\n<!-- \/wp:html -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Option<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:code -->\n<pre class=\"wp-block-code\"><code>{ \n  \"is3D\": true\n}<\/code><\/pre>\n<!-- \/wp:code -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Customizing axes<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>The following example sets the vertical axis baseline to 0.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:html -->\n<div><a href=\"https:\/\/wpdataaccess.com\/wp-content\/uploads\/2022\/04\/charts-custom-axes.png\"><img src=\"https:\/\/wpdataaccess.com\/wp-content\/uploads\/2022\/04\/charts-custom-axes.png\" title=\"WP Data Access - Chart custom vertical axis (click to enlarge)\"><\/a><\/div>\n<!-- \/wp:html -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Option<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:code -->\n<pre class=\"wp-block-code\"><code>{\n  \"vAxes\": {\n    \"0\": { \"baseline\" : 0 }\n  }\n}<\/code><\/pre>\n<!-- \/wp:code -->\n\n<!-- wp:heading -->\n<h2>Notes<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:list -->\n<ul><li>The chart widget supports remote database connections. Please make sure the remote user has the <strong>SELECT<\/strong> and <strong>CREATE TEMPORARY TABLES<\/strong> privileges.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2>Further reading<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:list -->\n<ul><li><a href=\"https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/piechart\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/piechart<\/a><\/li><li><a href=\"https:\/\/developers.google.com\/chart\/interactive\/docs\/customizing_axes\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/developers.google.com\/chart\/interactive\/docs\/customizing_axes<\/a><\/li><li><a href=\"https:\/\/developers.google.com\/chart\/interactive\/docs\/examples\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/developers.google.com\/chart\/interactive\/docs\/examples<\/a><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->","_et_gb_content_width":"","footnotes":""},"doc_category":[24,25],"doc_tag":[],"knowledge_base":[],"class_list":["post-102","docs","type-docs","status-publish","hentry","doc_category-charts-legacy","doc_category-widgets"],"year_month":"2026-06","word_count":1252,"total_views":"126","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"peterschulz.nl@gmail.com","author_nicename":"peterschulz-nlgmail-com","author_url":"https:\/\/wpdataaccess.com\/author\/wpdataaccess_admin\/"},"doc_category_info":[{"term_name":"Charts","term_url":"https:\/\/docs.legacy.wpdataaccess.com\/docs\/non-knowledgebase\/charts-legacy\/"},{"term_name":"Dashboards Widgets","term_url":"https:\/\/docs.legacy.wpdataaccess.com\/docs\/non-knowledgebase\/widgets\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/docs.legacy.wpdataaccess.com\/wp-json\/wp\/v2\/docs\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.legacy.wpdataaccess.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.legacy.wpdataaccess.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/docs.legacy.wpdataaccess.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.legacy.wpdataaccess.com\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":0,"href":"https:\/\/docs.legacy.wpdataaccess.com\/wp-json\/wp\/v2\/docs\/102\/revisions"}],"wp:attachment":[{"href":"https:\/\/docs.legacy.wpdataaccess.com\/wp-json\/wp\/v2\/media?parent=102"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/docs.legacy.wpdataaccess.com\/wp-json\/wp\/v2\/doc_category?post=102"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.legacy.wpdataaccess.com\/wp-json\/wp\/v2\/doc_tag?post=102"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/docs.legacy.wpdataaccess.com\/wp-json\/wp\/v2\/knowledge_base?post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}