mirror of
https://github.com/chartjs/Chart.js.git
synced 2024-10-07 12:49:07 +02:00
090196c07c
The title plugin and scale title now accept lineHeight specified using unitless value (1.4), length ('1.4em' or '12px'), percentage ('200%') or keyword ('normal' === 1.2). The line height parsing has been refactored under the 'Chart.helpers.options' namespace. Also fix incorrect text positioning in the title plugin. https://developer.mozilla.org/en-US/docs/Web/CSS/line-height
1.5 KiB
1.5 KiB
Title
The chart title defines text to draw at the top of the chart.
Title Configuration
The title configuration is passed into the options.title
namespace. The global options for the chart title is defined in Chart.defaults.global.title
.
Name | Type | Default | Description |
---|---|---|---|
display |
Boolean |
false |
is the title shown |
position |
String |
'top' |
Position of title. more... |
fontSize |
Number |
12 |
Font size |
fontFamily |
String |
"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif" |
Font family for the title text. |
fontColor |
Color | '#666' |
Font color |
fontStyle |
String |
'bold' |
Font style |
padding |
Number |
10 |
Number of pixels to add above and below the title text. |
lineHeight |
`Number | String` | 1.2 |
text |
String/String[] |
'' |
Title text to display. If specified as an array, text is rendered on multiple lines. |
Position
Possible title position values are:
'top'
'left'
'bottom'
'right'
Example Usage
The example below would enable a title of 'Custom Chart Title' on the chart that is created.
var chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
title: {
display: true,
text: 'Custom Chart Title'
}
}
})