Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
Apple docs
Data displayApple

Line chart

Compare one or more categorical, numeric, or temporal line series.

Public APILumenLineChartApple / SwiftUISwift product: LumenUI

Apple availability

Supported native targets

Import LumenUI in the target that uses this component. iPad support follows the iOS package baseline and uses native iPad layout behavior.

iPhone · iOS 16+iPad · iPadOS 16+Mac · macOS 13+Apple TV · tvOS 16+Apple Vision · visionOS 1+Apple Watch · watchOS 9+

Native example

Use Line chart

Use canonical visualization tokens and keep the application data model explicit. Provide a concise factual label, and retain the readable native fallback supplied by the component.

Line chart rendered in the iPhone simulator Lumen playground
Verified runtime captureiPhone simulator
swift
LumenLineChart(
    label: "Quarterly revenue",
    series: revenueSeries
)

Reference

Public API

The primary shared and platform-specific options exposed by LumenLineChart.

APIValues or typeDefaultDescription
labelStringRequiredProvides the concise accessible name for the visualization.
seriesTyped native chart dataRequiredSupplies finite values and stable identifiers through the shared chart contract.

Native behavior

Design and accessibility

When to use it

Use canonical visualization tokens and keep the application data model explicit. Provide a concise factual label, and retain the readable native fallback supplied by the component.

Accessibility

Provides a factual summary and navigable fallback data while decorative marks remain hidden.

Shared component

Available on other platforms

React NativeAndroid / Compose
Apple docsSwiftUI package