Skip to content

Multi Measure

The Multi Measure Chart allows you to visualize multiple numeric measures on the same chart, choosing between Line, Bar, and Area series types for each measure individually.
It’s particularly useful when comparing multiple KPIs side-by-side over a shared dimension (like time, category, or region).

Use cases:

  • Compare multiple financial or operational metrics over time.
  • Show product sales, profitability, and margin trends on a unified chart.
  • Combine line, bar, and area visualizations in a single, dynamic chart.

⚙️ Setup

  1. Drag the Multi Measure Chart widget from the chart library onto your designer workspace.
  2. Select the chart.
  3. Go to the Widget Configuration tab in the Configuration panel.
  4. Under the Configuration panel tab, select the Basic Configuration option to access essential settings for the chart.
  5. Select the Source from which the chart will fetch its data.
  6. Map:
  7. Optionally add a Date field for time-based filtering.

📊 Basic Configuration

Configuration ItemDescription
SourceThe data source to query for chart values.
Measure (Value)Numeric values to visualize. Supports multiple measures (up to 10).
Dimension (Axis)Text, category, or date field for axis labels.
Date Field (optional)Enables date-based filtering and drilldown capability.

🎨 Chart Customizations

CategoryOptions & Description
GeneralTheme, background, animations, and interactivity options.
TitleChart title, font, alignment, and visibility settings.
SortingSorting data points by value, label, or custom order.
GridAdjust chart padding and margins.
Categorical AxisConfigure category (or date) axis appearance, labels, and orientation.
Numerical AxisSet scale type (linear/log), min/max, label formatting for numeric axes.
LegendShow/hide, position, and customize legend entries for each measure.
SeriesCustomize each measure’s chart type (Line/Bar/Area), color, labels, symbols, and line properties.
TooltipControl tooltip content, formatting, and triggers.
OthersSet chart Orientation (Horizontal/Vertical), toggle Separate Axis for each Measure, or enable/disable Stacking.

📊 Example Visualization

multi measure chart