Graphina Documentation

Common Filter Controls

The Common Filter widget in Graphina is a powerful tool introduced to enhance data interactivity across multiple charts using a single filter control. This widget enables users to manipulate datasets across different chart types simultaneously, creating a more unified and intuitive data visualization experience.


Supported Chart Types :

The Common Filter is compatible with selected charts only, ensuring optimal performance and integration. Currently, it supports:

Apex Charts Integration:
Area Chart, Line Chart, Column Chart, Heatmap Chart, Radar Chart, Polar Chart, Pie Chart, Radial Chart, Distributed Column Chart, Scatter Chart

Google Charts Integration:
Area Chart, Bar Chart, Line Chart, Column Chart


Filter Control Types

Graphina offers two types of filter controls within the Common Filter widget:

Dropdown Control:
Allows users to filter charts based on selectable values from a dropdown list. Ideal for categorical or segmented data.

Date Picker Control:
Enables users to define a date range to dynamically filter charts based on time-sensitive or temporal data.


Unique Filter ID Mechanism

Each instance of a Common Filter generates a unique identifier (ID). This ID is essential for linking the filter to multiple charts. Charts that need to respond to the filter must have this unique Common Filter ID assigned within their configuration.


How It Works

The Common Filter is configured once and embedded anywhere on the page.

Each supported chart is configured to listen to a specific Common Filter ID.

When the user interacts with the filter (selecting a value or date), all associated charts update dynamically with the filtered dataset.