Analytics Dashboard Component

Get Started
Functionality
Learning
Extension
Dev Tooling
APIs
Releases

UI Component

Changed on:

24 June 2026

Overview

The Analytics Dashboard Component allows analytics dashboards to be displayed directly within Fluent applications. Users can view, filter, and explore analytics data without leaving the Fluent platform. Dashboard configuration, including dashboard selection and default filters, is managed through settings, while access to analytics data is controlled through Fluent permissions and analytics roles.

Plugin Name	Core

The standard library of mystique components.

0000-00-00

v1.0.0

Initial changelog entry.

Alias

fc.mystique.analytics.dashboard

Detailed technical description

The `fc.mystique.analytics.dashboard` component embeds analytics dashboards into the Fluent applications using secure, authenticated iFrame sessions.The component is configured through a setting referenced by the `settingName` property in the manifest. The setting must be created at the Account level.The recommended naming pattern is:`fc.analytics.dashboard.<dashboard-name>`Example:`fc.analytics.dashboard.orders`The setting value must be stored as a JSON object containing the dashboard configuration, including the dashboard identifier and optional default filters.

1{
2  "dashboard": {
3    "id": "standard_template::orders",
4    "filters": [
5      {
6        "key": "orders_total_revenue__order_status",
7        "value": ["BOOKED", "COMPLETE"],
8        "hidden": true
9      }
10    ]
11  }
12}

Configuration Parameters

Filters can be applied to the entire dashboard or to individual metric tiles. Dashboard filters apply to all data displayed on the dashboard; metric filters apply only to a specific metric. For more details, see the Configuring Fluent Analytics Studio Dashboard Filters guide.During dashboard initialization, the component applies any filters defined in the dashboard configuration. Filters marked as `hidden: true` are applied automatically and are not visible or editable by end users. Hidden filters are commonly used to restrict or pre-filter data for specific business scenarios while keeping the dashboard experience simple.

dashboard.id
Identifies the dashboard to display. Dashboard identifiers are predefined by Fluent Analytics and should be copied from the dashboard configuration examples (for example, `standard_template::orders`).
dashboard.filters
A list of filters applied to the dashboard or metric when it loads. Each filter entry has the following fields:
- key
  The name of an existing filter configured for the corresponding metric. For available keys, see the Configuring Fluent Analytics Studio Dashboard Filters guide.
- value
  One or more values applied to the filter during dashboard initialization.
- hidden
  When `true`, the filter is applied automatically and is not visible or editable by end users. Defaults to `false`. When `false`, the filter is visible in the dashboard UI, pre-populated with the configured `value` if provided.

Properties

Name	Type	Required	Default	Description
`settingName`	String	Yes	-	Name of the setting that contains the dashboard configuration and optional filter definitions.

Configuration example

1{
2  "component": "fc.mystique.analytics.dashboard",
3  "props": {
4    "settingName": "fc.analytics.dashboard.orders"
5  }
6}

Version History

2026-06-29

26.6.29

Initial release

Recommended Placement

Recommended for dedicated pages due to the size and layout requirements of analytics dashboards. Use within smaller layout containers only when sufficient space is available for dashboard content.