Skip to content
chart
AutoXXS (320px)XS (375px)SM (640px)MD (768px)LG (1024px)XL (1280px)XXL (1536px)
SketchMaterialiOSTamagui
DataInjectionKeyPatternsServiceTransactionProcessResearchProductQualityPerformanceSpecDomainFunctionTechnologyArchitectureConfigMiddlewareDataDatabaseDrizzleMigrationModelop-sqliteSchemaSQLState ManagementDraftKeystoneMergePatchPatchesPersistenceReactiveRedoStoreUndoTestingDeviceFactoryIsolationTypeScriptZodTopicsCommunicationBidsNVCDesignDesign ImplicationsEducationPedagogyFoundationsPsychologyAttachmentFloodingRelatingAuthentic RelatingUIEditorReact Native

chart

Fragment reference chart
tags
ui

Interactive data visualizations powered by Chart.js.

Attributes

AttributeTypeDefaultDescription
typebar | line | pie | doughnut | radar | polarArea | scatterbarChart type.
titlestring-Chart title displayed above the visualization.
labelstring-Descriptive legend text below the chart.
labelsstring-Comma-separated axis or segment labels.
stackedbooleanfalseStack bars or lines (bar/line only).
heightnumber-Fixed height in pixels (overrides aspect ratio).

Child: series

AttributeTypeRequiredDescription
namestringnoDataset label shown in the legend.
valuesstringyesComma-separated numeric values.
fillbooleannoFill area under the line (line charts only).

When no series children are provided, placeholder data is generated automatically.