Title
The Title
component is used to add a title to a chart. Only a single title is supported. In cases where multiple Title
s 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 |
---|---|---|---|
text | string | - | 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. |