Chart.js Subtitle Plugin
npm install chartjs-subtitleSimple subtitle plugin for [Chart.Js][chartjs]
Works with all four title positions and multi-line titles.
See more information on standard title options
bash
npm install --save chart.js chartjs-subtitle
`Options
The options for the subtitle are based on the options for the existing title
javascript
options: {
... plugins: {
chartJsPluginSubtitle: {
/**
* is the title shown
* @member {boolean} display
* @default false
*/
display: false,
/**
* Font size
* Expects either a string with
pt or px, or a number of px
* @member {Number}
* @default 12
*/
fontSize: 12, /**
* Font family for the title text.
* @member {String} fontFamily
* @default "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif"
*/
fontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
/**
* Font color
* @member {String} fontColor
* @default '#888'
*/
fontColor: '#888',
/**
* Font style
* @member {String} fontStyle
* @enum 'normal' | 'bold' | 'italic' | 'italic bold'
* @default 'normal'
*/
fontStyle: 'normal',
/**
* Padding between the title and the subtitle
* @member {Number}
* @default 4
*/
paddingTop: 4,
/**
* Subtitle text to display
* @member {String}
* @default ''
*/
text: '',
}
}
...
}
`Examples
!image
!image
!image
!image
!imageBuilding
sh
npm install
npm run build
``
*
Built by [Jered Masters][jered-cc], [linkedin][linkedin]
[jered-cc]: http://jered.cc
[linkedin]: https://www.linkedin.com/in/jeredmasters/
[npm-url]: https://www.npmjs.com/package/chartjs-subtitle
[chartjs]: https://www.chartjs.org/