-
Notifications
You must be signed in to change notification settings - Fork 18
Annotation
Connor Lamoureux edited this page Nov 3, 2023
·
3 revisions
**Annotation
only supports Bar
components at this time.
The Annotation
component is used to display a text annotation. The annotation will display at the top of the bar for each data point in data
.

<Chart data={data}>
<Bar {...props}>
<Annotation textKey="textKey" style={{width: 48}} />
</Bar>
</Chart>
name | type | default | description |
---|---|---|---|
textKey | string | – | The key on each value in the data passed to the chart that contains the text to display in the annotation. |
style | {width: number} | - | Style overrides. Width is used in place of dynamically calculated width. |
@adobe/react-spectrum-charts - Adobe 2024
Chart Components
Supplemental Chart Components
Layout Components