Title: UberChart &#8211; WordPress Chart Plugin
Author: DAEXT
Published: <strong>26 czyrwnia 2023</strong>
Last modified: 31 stycznia 2025

---

Search plugins

![](https://ps.w.org/daext-uberchart/assets/banner-772x250.png?rev=2930924)

![](https://ps.w.org/daext-uberchart/assets/icon.svg?rev=2930924)

# UberChart – WordPress Chart Plugin

 By [DAEXT](https://profiles.wordpress.org/daext/)

[Download](https://downloads.wordpress.org/plugin/daext-uberchart.1.05.zip)

 * [Details](https://szl.wordpress.org/plugins/daext-uberchart/#description)
 * [Reviews](https://szl.wordpress.org/plugins/daext-uberchart/#reviews)
 *  [Installation](https://szl.wordpress.org/plugins/daext-uberchart/#installation)
 * [Development](https://szl.wordpress.org/plugins/daext-uberchart/#developers)

 [Support](https://wordpress.org/support/plugin/daext-uberchart/)

## Description

UberChart brings the endless customization possibilities included in the [Chart.js](https://www.chartjs.org/)
library to WordPress.

With 240 customization options per chart and 30 options per dataset, this is the
ideal plugin for data visualization experts who want to customize every chart detail.

Start now creating perfect HTML-based charts with UberChart!

### Pro Version

For professionals, we distribute the [Pro Version of UberChart](https://daext.com/uberchart/).
This upgraded version includes additional features like the ability to link charts
with JSON, CSV, XML files, an option to connect charts with spreadsheets available
in Google Sheets, better loading performance with the transient API, additional 
animation options, and more. See this [feature comparison](https://daext.com/uberchart/#features)
for all the details.

### A Versatile Chart Plugin

Use this versatile chart plugin in your WordPress site to compare categories, show
trends over time, highlight relationships between different variables, and more.

UberChart includes the most common chart types, and it’s the perfect chart plugin
to present your data in a visual format that is easy to understand and interpret.

The supported chart types are:

 * Line
 * Area
 * Bar
 * Horizontal Bar
 * Pie
 * Half Pie
 * Doughnut
 * Half Doughnut
 * Radar
 * Polar Area
 * Scatter
 * Bubble

### Features

#### Embedded Spreadsheet Editor

You can add or modify the chart data using an embedded spreadsheet editor implemented
with Handsontable (Handsontable CE 6.2.2).

This feature gives you many advantages:

 * Faster data editing. (compared to standard chart plugins that use input field)
 * The ability to paste data available from other spreadsheet editors like Excel,
   OpenOffice Calc, Google Sheets, and more.
 * The possibility to export the chart data to external spreadsheets.

#### Live Preview

Easily preview the chart with a single click directly from the chart editor available
in the back end.

#### Labels

Optionally include dataset labels to help the user better understand the data. The
labels, when clicked, can optionally enable or disable specific datasets.

#### Tooltips

The chart can optionally display tooltips when the user hovers over specific data
points.

You can customize the tooltips in terms of style, with options to control typography,
colors, and spacing. Regarding content, with dedicated settings to add titles, prefixes,
suffixes, footer information, and more.

#### Scales Options

**Common**

This category of options allows you to define the basic configuration of a scale.
Specifically, whether to display or not a scale, the position of the scale (Bottom,
Top, etc.), the type of scale (the available types are Category, Linear, Logarithmic,
and Radial), and whether the scale data are stacked.

**Gridlines**

Customize the gridlines of the chart with options to configure their colors, the
line width, whether to draw them on the chart area, and more.

**Title**

Customize the title of each scale by using custom font size, font family, font style,
font color, and more.

**Tick**

These options allow you to customize the small lines between the axis and the labels(
ticks) and the axis labels.

Here you can configure the tick order, the automatic rotation of the tick labels,
set a label prefix or suffix, customize the typography of the labels, and more.

**Options**

Use this section to control advanced options like the number of ticks available 
in an axis, whether to force a scale to begin at zero, the percentage of space occupied
by chart elements like the bar of a bar chart, and more.

**Time**

This chart plugin supports time scales. Time scales use the date-fns date utility
library and support time format expressed with unicode tokens.

Here you can customize the time format for the chart and the tooltips, define the
minimum and maximum values of the time scale, and select the unit (E.g. Year, Month,
Day, etc.) and the unit step size.

#### Chart models

The chart options included in UberChart reflect, for the most part, the options 
supported by the Chart.js library. However, understanding and using all these options
is quite complex, especially at the begging.

For this reason, we have included a feature named „models” to simplify the chart
creation process and improve the reusability of the chart.

In general, you can use the models to:

 * Quickly create the most common types of charts without dealing with the configuration
   options.
 * Reuse particularly complex chart configurations.
 * Reuse chart configurations that reflect the site brand guidelines.

The plugin comes by default with 32 ready-to-use models, but you can create an unlimited
number of custom models.

For example, let’s say that your WordPress site includes graphic card reviews, and
you want to have bar charts to compare parameters like benchmark results, prices,
etc. In that case, you can create a dedicated chart model that allows you to reuse
a customized bar chart configuration (with custom bar colors and dimensions, custom
typography, etc.) for all your bar charts.

#### Dataset customization

You can customize each chart dataset based on your specific needs. With the dataset
options, you can, for example, specify the colors of a dataset, the line tension,
the style of the single data points, and more.

#### Custom thousands and decimal separator

The charts can show numeric values with custom thousands and decimal separators.

This feature can be helpful to properly format the currency values displayed in 
the chart based on the specific currency and the targeted audience.

#### Support for a high number of datasets

The plugin support charts with a maximum of one million data points.

Note that the plugin might automatically decrease this limit based on the PHP configuration.

#### Maintenance tasks

We have included maintenance tasks to perform special operations like bulk deleting
data, resetting the plugin options, and adding the default models.

#### Size and responsive options

Control the chart’s size and responsive behavior with the dedicated options.

You can, for example, set the size of the chart container, configure a margin for
the chart, select whether to maintain or not the chart aspect ratio with mobile 
devices, and more.

### Credits

This plugin makes use of the following resources:

 * [Composer](https://getcomposer.org/) licensed under the [MIT](http://www.opensource.org/licenses/mit-license.php)
   License
 * [Select2](https://select2.org/) licensed under the [MIT](http://www.opensource.org/licenses/mit-license.php)
   License
 * [Handsontable](https://github.com/handsontable/handsontable) licensed under the
   [MIT](http://www.opensource.org/licenses/mit-license.php) License
 * [Spectrum](https://github.com/bgrins/spectrum) licensed under the [MIT](http://www.opensource.org/licenses/mit-license.php)
   License
 * [Chart.js](http://www.chartjs.org/) licensed under the [MIT](http://www.opensource.org/licenses/mit-license.php)
   License

You can find the actual copy of the license inside the folder used to store the 
library files.

## Screenshots

 * [[
 * Spreadsheet editor with chart data
 * [[
 * Chart preview
 * [[
 * Maintenance tasks
 * [[
 * Options menu
 * [[
 * UberChart block in post editor
 * [[
 * Chart in the WordPress front end

## Blocks

This plugin provides 1 block.

 *   UberChart

## Installation

#### Installation (Single Site)

With this procedure you will be able to install the UberChart plugin on your WordPress
website:

 1. Visit the **Plugins -> Add New** menu
 2. Click on the **Upload Plugin** button and select the zip file you just downloaded
 3. Click on **Install Now**
 4. Click on **Activate Plugin**

#### Installation (Multisite)

This plugin supports both a **Network Activation** (the plugin will be activated
on all the sites of your WordPress Network) and a **Single Site Activation** in 
a **WordPress Network** environment (your plugin will be activate on single site
of the network).

With this procedure you will be able to perform a **Network Activation**:

 1. Visit the **Plugins -> Add New** menu
 2. Click on the **Upload Plugin** button and select the zip file you just downloaded
 3. Click on **Install Now**
 4. Click on **Network Activate**

With this procedure you will be able to perform a **Single Site Activation** in 
a **WordPress Network** environment:

 1. Visit the specific site of the **WordPress Network** where you want to install 
    the plugin
 2. Visit the **Plugins** menu
 3. Click on the **Activate** button (just below the name of the plugin)

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“UberChart – WordPress Chart Plugin” is open source software. The following people
have contributed to this plugin.

Contributors

 *   [ DAEXT ](https://profiles.wordpress.org/daext/)

[Translate “UberChart – WordPress Chart Plugin” into your language.](https://translate.wordpress.org/projects/wp-plugins/daext-uberchart)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/daext-uberchart/), 
check out the [SVN repository](https://plugins.svn.wordpress.org/daext-uberchart/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/daext-uberchart/)
by [RSS](https://plugins.trac.wordpress.org/log/daext-uberchart/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.05

_January 31, 2025_

 * The „Span Gaps” dataset property is now applied correctly to the chart.
 * Fixed a bug that prevented the database tables from being properly created during
   the plugin activation.
 * Code refactoring and cleanup: Applied the PHPCS „WordPress” ruleset to improve
   code quality and maintainability.

#### 1.04

_April 8, 2024_

 * Fixed a bug (started with WordPress version 6.5) that prevented the creation 
   of the plugin database tables and the initialization of the plugin options during
   the plugin activation.

#### 1.03

_June 26, 2023_

 * Initial release.

## Commercial plugin

This plugin is free but offers additional paid commercial upgrades or support.

## Meta

 *  Version **1.05**
 *  Last updated **1 rok ago**
 *  Active installations **300+**
 *  WordPress version ** 4.0 or higher **
 *  Tested up to **6.7.5**
 *  PHP version ** 5.2 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/daext-uberchart/)
 * Tags
 * [chart](https://szl.wordpress.org/plugins/tags/chart/)[charts](https://szl.wordpress.org/plugins/tags/charts/)
   [graphs](https://szl.wordpress.org/plugins/tags/graphs/)[Pie](https://szl.wordpress.org/plugins/tags/pie/)
   [visualization](https://szl.wordpress.org/plugins/tags/visualization/)
 *  [Advanced View](https://szl.wordpress.org/plugins/daext-uberchart/advanced/)

## Ratings

No reviews have been submitted yet.

[Add my review](https://wordpress.org/support/plugin/daext-uberchart/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/daext-uberchart/reviews/)

## Contributors

 *   [ DAEXT ](https://profiles.wordpress.org/daext/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/daext-uberchart/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://daext.com)