Canvas Chart Subtitles

Alignment of Subtitles

by maddmike1959

HTML

<script src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
<script src="https://canvasjs.com/assets/script/jquery.canvasjs.min.js"></script>
<div id="chart">
Chart Div!
</div>

JavaScript

var options = {};

options.title={text :'Chart Title'};
options.subtitles = [
{text:'Subtitle One', fontFamily: 'verdana', fontColor:'red', horizontalAlign:'left'},
{text:'Subtitle Two', fontFamily: 'verdana', fontColor:'black', horizontalAlign:'center'},
{text:'Subtitle Three', fontFamily: 'verdana', fontColor:'green', horizontalAlign:'right'}
];

$('#chart').CanvasJSChart(options);