Skip to main content

Title

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

nametypedefaultdescription
textstring-The title text.
position'start' | 'middle' | 'end''middle'The horizontal position of the title.
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 location of the title relative to the chart.