Home › docs › stockcharts › stockchart options › subtitles

Pages

open all | close all

subtitles: Array

subtitles is a collection of subtitle elements and enables user to display any number of subtitles in the StockChart.


subtitle: Object

Subtitle allows you to set the content, appearance and position of StockChart’s subtitle. Subtitle is similar to title except it has smaller font size by default. In cases where vertical align and horizontal align of both title and subtitle are same, then subtitle is rendered below the main title.



var stockChart = new CanvasJS.StockChart("container",
{
 .
 .
 subtitles: [
   { // subtitle 1
   },
   { // subtitle 2
   },
   .
 ],
 .
}); 
stockChart.render();

Simple subtitle Attributes

Note
  • Subtitle properties are identical to title object. Hence all the links mentioned below will be redirected to corresponding pages in Title.
Applies To Attribute Type Default Options/Examples
subtitle backgroundColor String null “red”, “blue”, “FF0000”, …
subtitle borderColor String “black” “red”, “blue”, “FF0000”, …
subtitle borderThickness Number 0 2, 4, 6, …
subtitle cornerRadius Number 0 3, 7, 9, …
subtitle fontColor String “#3A3A3A” “red”, “blue”, “FF0000”, …
subtitle fontFamily String “Calibri, Optima, Candara, Verdana, Geneva, sans-serif” “arial”, “tohoma”, “verdana”, …
subtitle fontSize Number Auto. Calculated 25, 30, …
subtitle fontStyle String ““normal”” “normal”, “italic”, “oblique”
subtitle fontWeight String “bold” “lighter”, “normal”, “bold”, “bolder”
subtitle horizontalAlign String ““center”” “left”, “center”, “top”
subtitle margin Number 10 4, 8, 12, …
subtitle padding Number 0 5, 8, …
subtitle text String null “Stock Chart Subtitle”, “Bitcoin Closing Price”, …
subtitle verticalAlign String “top” “top”, “center”, “bottom”
subtitle wrap Boolean true true, false
subtitle maxWidth Number Automatically calculated based on the Stock Chart Size 100, 200, 300, …


Try it Yourself by Editing the Code below.

  Also See:    


If you have any questions, please feel free to ask in our forums.Ask Question

© fenopix
About Us
FAQs
Careers
Privacy Policy

Server Side Technologies
ASP.NET MVC Charts
PHP Charts
JSP Charts
Spring MVC Charts

Front End Technologies
JavaScript Charts
jQuery Charts
React Charts
Angular Charts
JavaScript StockCharts

Contact
Fenopix, Inc.
2093 Philadelphia Pike,
#5678, Claymont,
Delaware 19703
United States Of America

Server Side Technologies
Front End Technologies
Contact
ASP.NET MVC Charts JavaScript Charts FAQs
PHP Charts jQuery Charts Sales Enquiries
Spring MVC Charts React Charts Support Forum
JSP Charts Angular Charts Careers
JavaScript StockCharts

Privacy Policy  © fenopix