Skip to content
c-lamoureux edited this page Nov 2, 2023 · 1 revision

The Title component is used to add a title to a chart. Only a single title is supported. In cases where multiple Titles are provided, only the last Title will be used.

Example

<Chart data={data}>
    <Title text="Chart Title" position="middle" fontWeight="bolder" />
</Chart>

Props

name type default description
fontWeight 'normal' | 'bold' | 'lighter' | 'bolder' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 'bold' The font weight of the title text.
orient 'top' | 'bottom' | 'left' | 'right' 'top' The position of the title relative to the chart.
position 'start' | 'middle' | 'end' 'middle' The horizontal position of the title.
text string '' The text to display in the title.