These examples demonstrate the various ways to style the chart title.

Default - This chart demonstrates the default styling of the chart tile - positioned above the chart, and centered.

Title at Start - Using the following JavaScript code snippet, update the chart-level attribute JavaScript Initialization Code to style the chart title:

function( options ){ 
    
    // Set chart title styling 
    options.title = $.extend( options.title, {
        halign: 'start', 
        style: 'font-style:italic;color:red;'
    });
    return options; 
}

Title at End - Using the following JavaScript code snippet, update the chart-level attribute JavaScript Initialization Code to style the chart title:

function( options ){ 
    
    // Set chart title styling 
    options.title = $.extend( options.title, {
        halign: 'end', 
        style: 'font-style:oblique;color:blue;'
    });
    return options; 
}

Increased Font Size - Using the following JavaScript code snippet, update the chart-level attribute JavaScript Initialization Code to style the chart title:

function( options ){ 
    
    // Set chart title styling 
    options.title = $.extend( options.title, {
        style: 'font-size:20px;color:green;'
    });
    return options; 
}