---
title: "Multi Measure"
description: "A versatile numeric visualization supporting multiple numeric measures displayed as lines, bars, or area series within a single chart — ideal for comparing different metrics on a shared or separate axis."
group: Charts
tags: [Visualization, Chart, Dashboard, LineChart, BarChart, AreaChart, MultiMeasure, Comparison]
---
import { Aside, Steps } from '@astrojs/starlight/components';
# 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](/insights-v8/guide-to-infoboard-designer/customize-panel/configure/) tab in the Configuration panel.
4. Under the Configuration panel tab, select the [Basic Configuration](/insights-v8/guide-to-infoboard-designer/customize-panel/configure/#basic) option to access essential settings for the chart.
5. Select the [Source](/insights-v8/guide-to-infoboard-designer/customize-panel/setup/#sources) from which the chart will fetch its data.
6. Map:
- **[Measure (Value)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** — One or more numeric fields (up to 10 measures).
- **[Dimension (Axis)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** — Categorical or date-based field to serve as X or Y axis.
7. Optionally add a **Date** field for time-based filtering.
---
## 📊 Basic Configuration
| Configuration Item | Description |
|:---------------------|:-------------|
| **[Source](/insights-v8/guide-to-infoboard-designer/customize-panel/setup/#sources)** | The data source to query for chart values. |
| **[Measure (Value)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** | Numeric values to visualize. Supports multiple measures (up to 10). |
| **[Dimension (Axis)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** | Text, category, or date field for axis labels. |
| **Date Field** (optional) | Enables date-based filtering and drilldown capability. |
---
## 🎨 Chart Customizations
| Category | Options & Description |
|:----------------------------|:-----------------------------------------------------------|
| **[General](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#general)** | Theme, background, animations, and interactivity options. |
| **[Title](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#title)** | Chart title, font, alignment, and visibility settings. |
| **[Sorting](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#sorting)** | Sorting data points by value, label, or custom order. |
| **[Grid](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#grid)** | Adjust chart padding and margins. |
| **[Categorical Axis](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#categorical-axis)** | Configure category (or date) axis appearance, labels, and orientation. |
| **[Numerical Axis](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#numerical-axis)** | Set scale type (linear/log), min/max, label formatting for numeric axes. |
| **[Legend](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#legends)** | Show/hide, position, and customize legend entries for each measure. |
| **[Series](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#series-customization)** | Customize each measure’s chart type (Line/Bar/Area), color, labels, symbols, and line properties. |
| **[Tooltip](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#tooltip)** | Control tooltip content, formatting, and triggers. |
| **Others** | Set chart **Orientation** (Horizontal/Vertical), toggle **Separate Axis for each Measure**, or enable/disable **Stacking**. |
---
## 📊 Example Visualization
