Overview

Key Features

1. Multiple Chart Types

The widget supports a variety of chart visualizations, allowing developers to represent data in the most suitable format. Supported chart types include:

• Line Chart
• Bar Chart
• Area Chart
• Pie Chart
• Donut Chart
• Scatter Chart
• Radar Chart

These chart types make the widget suitable for dashboards, analytical reports, and statistical visualizations.

2. Simple Data Binding

The widget integrates seamlessly with Mendix entities. Developers can bind chart data using:

• Entity-based data sources
• Microflow-based data retrieval

Configuration requires selecting:

• X-Axis Attribute (Category or label)
• Y-Axis Attribute (Numeric value)

This makes it extremely simple to display data from database entities with minimal setup.

3. Customizable Chart Dimensions

Developers can easily adjust the chart size to fit their UI layout.

Configurable properties include:

• Width (in pixels)
• Height (in pixels)

This ensures the widget adapts well to dashboards, analytics panels, or compact views.

4. Axis Label Configuration

The widget allows custom labeling for both axes to improve chart readability.

Configurable labels include:

• X-Axis Label
• Y-Axis Label

This helps clearly describe the dataset being visualized.

Example:

• X Axis: Company
• Y Axis: Value

5. Custom Color Configuration

Developers can define custom colors for chart series using comma-separated HEX color values.

Example:

#8884d8,#82ca9d

This allows charts to match application branding or theme styles.

6. Interactive Tooltips

The widget supports hover tooltips, enabling users to see detailed values when interacting with chart elements.

Tooltips help users understand the data without cluttering the chart interface.

7. Optional Legend Display

Developers can enable or disable chart legends based on their UI needs.

Legend options:

• Show legend
• Hide legend

This helps maintain clean and minimal dashboards when legends are not required.

8. Smooth Animations

Charts are rendered with smooth animations, improving the user experience and making dashboards more engaging.

Animated transitions help users better understand changes in the data visualization.

Example Use Cases

The Rechart Widget can be used in various business scenarios such as:

• Sales dashboards
• Performance analytics
• Company revenue comparisons
• Product usage statistics
• Operational metrics visualization
• Business intelligence reporting

Data Structure Example

Example Mendix entity used for chart data:

Entity: Entity

Attributes:

Attribute

Type

Name

String

Value

Integer

Example Data:

Name

Value

Mouse

120

Keyboard

2200

XYZ

450

YYUY

980

This structure allows the chart to display categories on the X-axis and numerical values on the Y-axis.

Benefits

• Easy Mendix integration
• Minimal configuration required
• Supports multiple chart types
• Interactive and animated visuals
• Flexible styling and customization
• Suitable for dashboards and reports

Documentation

Overview

The Smart Charts Widget is a lightweight and user-friendly charting component designed for Mendix applications. It enables developers to create interactive, animated, and visually appealing charts with minimal configuration. By simply connecting an entity and selecting the desired attributes, developers can quickly visualize data without writing complex chart logic.

The widget supports multiple chart types and provides configurable styling options such as chart dimensions, colors, tooltips, and axis labels. This allows developers to easily integrate meaningful data visualizations into dashboards, reporting pages, and analytics views.

With its simple configuration and flexible chart options, the Rechart Widget helps Mendix developers transform raw data into clear and actionable insights.

Key Features

1. Multiple Chart Types

The widget supports a variety of chart visualizations, allowing developers to represent data in the most suitable format. Supported chart types include:

• Line Chart
• Bar Chart
• Area Chart
• Pie Chart
• Donut Chart
• Scatter Chart
• Radar Chart

These chart types make the widget suitable for dashboards, analytical reports, and statistical visualizations.

2. Simple Data Binding

The widget integrates seamlessly with Mendix entities. Developers can bind chart data using:

• Entity-based data sources
• Microflow-based data retrieval

Configuration requires selecting:

• X-Axis Attribute (Category or label)
• Y-Axis Attribute (Numeric value)

This makes it extremely simple to display data from database entities with minimal setup.

3. Customizable Chart Dimensions

Developers can easily adjust the chart size to fit their UI layout.

Configurable properties include:

• Width (in pixels)
• Height (in pixels)

This ensures the widget adapts well to dashboards, analytics panels, or compact views.

4. Axis Label Configuration

The widget allows custom labeling for both axes to improve chart readability.

Configurable labels include:

• X-Axis Label
• Y-Axis Label

This helps clearly describe the dataset being visualized.

Example:

• X Axis: Company
• Y Axis: Value

5. Custom Color Configuration

Developers can define custom colors for chart series using comma-separated HEX color values.

Example:

#8884d8,#82ca9d

This allows charts to match application branding or theme styles.

6. Interactive Tooltips

The widget supports hover tooltips, enabling users to see detailed values when interacting with chart elements.

Tooltips help users understand the data without cluttering the chart interface.

7. Optional Legend Display

Developers can enable or disable chart legends based on their UI needs.

Legend options:

• Show legend
• Hide legend

This helps maintain clean and minimal dashboards when legends are not required.

8. Smooth Animations

Charts are rendered with smooth animations, improving the user experience and making dashboards more engaging.

Animated transitions help users better understand changes in the data visualization.

Example Use Cases

The Rechart Widget can be used in various business scenarios such as:

• Sales dashboards
• Performance analytics
• Company revenue comparisons
• Product usage statistics
• Operational metrics visualization
• Business intelligence reporting

Data Structure Example

Example Mendix entity used for chart data:

Entity: Entity

Attributes:

Example Data:

This structure allows the chart to display categories on the X-axis and numerical values on the Y-axis.

Benefits

• Easy Mendix integration
• Minimal configuration required
• Supports multiple chart types
• Interactive and animated visuals
• Flexible styling and customization
• Suitable for dashboards and reports