Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
Apple docs
Data displayApple

Bullet chart

Compare an actual value with a target and labeled performance ranges.

Public APILumenBulletChartApple / 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 Bullet chart

Use a domain that includes zero and every supplied measurement. Localize targetLabel and labels for the application.

Bullet chart rendered in the iPhone simulator Lumen playground
Captured exampleiPhone simulator
swift
LumenBulletChart(label: "On-time delivery", value: 86, target: 95, domain: 0...100)

Reference

Public API

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

APIValues or typeDefaultDescription
value, targetNullable measurement, finite targetRequiredNull is unavailable; zero is a measured value.
rangesLumenBulletRange[][]Uses labeled finite range ends sorted without changing the source data.
domainFinite numeric rangeAutomaticIncludes zero, target, actual, and all ranges; invalid input fails closed.
labels, targetLabel, valueLabelLocalized chart labelsEnglishLabels the summary, visible measurements, and exact data list.
showDataBooleantrueProvides the expandable actual, target, and range boundaries.

Native behavior

Design and accessibility

When to use it

Use a domain that includes zero and every supplied measurement. Localize targetLabel and labels for the application.

Accessibility

Exposes exact actual, target, and range values; missing values remain distinct from zero.

Shared component

Available on other platforms

React NativeAndroid / Compose
Apple docsSwiftUI package