Line

The Line Chart is a trend visualization chart type that displays values as points connected by lines, allowing users to observe patterns and changes over a continuous or ordered category axis.
It supports both Horizontal (Category X, Value Y) and Vertical (Value X, Category Y) orientations — adjustable via the chart’s Orientation option.

Use cases:

• Monitoring monthly sales trends.
• Tracking user signups over time.
• Comparing KPIs across departments or market segments.

Note

Use Line Charts when you want to highlight trends or compare value changes over time or across ordered categories. Avoid using when data points are unrelated, categorical values have no inherent order, or precision in individual data points is critical.

---

⚙️ Setup

1. Drag the Line 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 the essential settings for the Line Chart.
5. Select the Source from which the chart will fetch its data.
6. Map:
   • Measure (Value) — Numeric value representing the Y (or X) axis value.
   • Dimension (Axis) — Categorical or sequential value for the primary axis labels.
   • Group — (Optional) Categorical value to split the line into multiple series.
7. Optionally add a Date field for time-based filtering.

---

📊 Basic Configuration

Configuration Item	Description
Source	The data source to query for chart values.
Measure (Value)	Numeric value plotted as line data points.
Dimension (Axis)	Categorical or sequential value for primary axis labels.
Group	(Optional) Grouping field to split lines by category.
Date Field (optional)	Enables date filtering and drilldown capability.

Note

Use Group to visualize multiple lines within the same chart for comparative analysis.

---

🎨 Chart Customizations

Category	Options & Description
General	Background color, border, shadow, and interactivity options.
Title	Chart title, font, alignment, and visibility.
Sorting	Control sort order of categories along the axis.
Grid	Manage padding, spacing, and chart grid layout.
Legend	Show/hide, position, and format series legends.
HeatMap	Apply color intensity gradients to highlight data ranges.
Categorical Axis	Customize X (or Y if vertical) axis labels, rotation, and interval.
Numerical Axis	Adjust scale, range, formatting, and logarithmic scale.
Series	Line color, width, area shading, symbols, smoothing, and label display.
Tooltip	Tooltip formatting, display triggers, and content.
Others	Control Orientation between Horizontal (Category X, Value Y) and Vertical (Value X, Category Y).

Note

If your line chart needs to represent values along a continuous time axis, ensure the Axis dimension uses a date/time field and configure formatting under Categorical Axis.

---

📊 Example Visualization