[]

Gauge EChart

A Gauge EChart is used to visualize a single value within a range, displayed on a dial or gauge. In Wyn Enterprise, you can fully customize its appearance and behavior, including value ranges, angles, and color settings.

Create a Gauge EChart

Go to the Resource or Document Portal.
Click + Create > Create Dashboard.
Choose Blank Dashboard or a template and click Create.
From the Custom Visualization tab, drag and drop Gauge Chart (ECharts) onto the design area.

Bind a Dataset

Select the chart and choose a dataset in the Data Binding panel.
Drag fields into the Actual Value and Target Value containers.

Format Data Attributes

Use the settings icon next to each data field to:

Aggregate data (Sum, Avg, Min, etc.)
Apply Quick Functions (Running Total, Rank, etc.)
Add Filters
Rename fields for clarity
Remove unnecessary fields

Analyze Data

Use the Action Bar to:

Apply filters
Switch chart types

Customize Appearance

Value Settings

Actual/Target Value Source: Use query data or custom input.

Chart Style

Choose from multiple gauge styles
Toggle pointer visibility and customize its color
Set opacity, use custom ECharts options, or write JS for dynamic behavior

Animation

Apply entrance animations with customizable delay and duration

Interaction

Set scenario name, cross-filtering, jump links, and auto-refresh behavior
Configure context menu, click actions, and pin annotations

Titles & Labels

Show/hide and format the title, subtitle, and data labels
Add and style custom units

Comparison Label

Show/hide comparison labels, symbols, and percentages
Choose between Ratio and Delta modes

Value Axis

Set min/max values and style the axis line, ticks, and labels
Configure display units (Thousands, Millions, etc.)
Format labels (Number, Currency, Percentage, etc.)

Special Data & No Data

Customize how null, blank, or no data states are shown
Add messages or background images

Layout & Appearance

Set position, size, padding, and margins
Customize background, borders, shadows, and visibility