Category: Widgets
Subcategory: Display widgets


Quickly create beautiful charts: bar charts, time series, pie charts, heat maps, and many more. Customize the look and feel of each chart through one of three modes: Basic, Advanced, and Developer.


With Mendix Charts you can quickly create beautiful charts. The following charts are included by default:

•    Line chart: straight or curved lines, with or without markers
•    Column chart: vertical bars, grouped or stacked
•    Bar chart: horizontal bars, grouped or stacked
•    Area chart: a line chart that displays quantitative data using colored areas between the axis and line(s)
•    Pie chart: a pie or a doughnut chart
•    Time series: show time series data
•    Heat map: show color data values in a 2D matrix
•    Bubble chart: add a size dimension to your chart

The widgets contain several settings in the Desktop Modeler to customize the look and feel and also offer support for on click events and custom tooltips.

There are three modes how you can use these charts (see the advanced tab):
•    Basic: quickly setup a chart with the various widget options
•    Advanced: specify additional JSON configuration
•    Developer: this will add a “Toggle Editor” button at runtime to the chart which toggles an editor to play with different settings

The charts are based on the popular framework plotly.js which uses JSON to configure the charts. Via the advanced and developer mode you can specify additional JSON unlocking the many features of plotly.js. You can do this with a live preview. See the following link for more information about plotly.js and the options:

Please see Charts in the Mendix documentation for details.

Raising problems/issues

  • We encourage everyone to open a Support ticket on Mendix Support in case of problems with widgets or scaffolding tools (Pluggable Widgets Generator or Pluggable Widgets Tools)


Version: 2.0.1
Framework Version: 9.6.0
Release Notes: ## Fixed * Issue with rendering preview for charts
Version: 2.0.0
Framework Version: 9.6.0
Release Notes: ### Added - We added a toolbox category and toolbox tile image for Studio & Studio Pro.
Version: 1.4.13
Framework Version: 7.23.0
Release Notes: ## Fixed * Issue with rendering preview for charts
Version: 1.4.12
Framework Version: 7.23.0
Release Notes: ### Fixed - We fixed an issue with sorting using XPath and attribute over-association (Ticket #105229). ### Removed - We've removed deprecated APIs warnings
Version: 1.4.11
Framework Version: 7.13.1
Release Notes: # Fixed - Fixed an issue where grouped legends were not working. - Maintain compatibility with Mendix client in MX 7, 8 and 9. - Fix localized date handling. # Changed - Update plotly.js dependency. - Update react-ace dependency and switch brace for ace-builds. # Security - Patch lodash vulnerability. - Update fast-json-patch dependency.