Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
Android docs
Data displayAndroid

Lollipop chart

Rank categories using a dot and a zero-based stem.

Public APILumenLollipopChartAndroid / Compose

Native example

Use Lollipop chart

Preserve missing measurements as null and provide a zero-inclusive domain. The application owns row ordering.

Lollipop chart rendered in the Android phone emulator Lumen playground
Captured exampleAndroid phone emulator
kotlin
LumenLollipopChart(
  data = listOf(LumenComparisonDatum("design", "Design", 88.0)),
  label = "Team scores, current quarter",
  domain = 0.0..100.0,
  heading = "Team performance",
  valueLabel = "Score"
)

Reference

Public API

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

APIValues or typeDefaultDescription
dataLumenComparisonDatum[]RequiredUnique id, category label, nullable finite value, optional reference and tone. Input order is preserved.
label, heading, descriptionStringlabel requiredProvides the accessible name and optional visible context.
domainFinite numeric rangeAutomaticIncludes zero and all displayed measurements. React Native uses { min, max }; SwiftUI and Compose use closed ranges.
valueLabel, labelsLocalized chart labelsEnglishNames the measure and localizes empty, missing, invalid, and disclosure text.
formatValue / labels.formatValueNumber formatterPlatform defaultReact Native accepts formatValue; SwiftUI and Compose use labels.formatValue.
showDataBooleantrueProvides the expandable exact values.

Native behavior

Design and accessibility

When to use it

Preserve missing measurements as null and provide a zero-inclusive domain. The application owns row ordering.

Accessibility

Keeps category labels and exact values available independently of the decorative stems and dots.

Shared component

Available on other platforms

React NativeApple / SwiftUI
Android docsCompose module