Title allows you to set the content, appearance and position of StockChart’s title.
StockChart can have only one title element. But you can define multiple subtitles in the StockChart. Subtitles have same attribute except by default it is displayed in smaller font size. At the same time, you can have title & subtitles to individual charts as well.
var stockChart = new CanvasJS.StockChart("container", { . . title: { text: "StockChart Title" }, . . }); stockChart.render();
Applies To | Attribute | Type | Default | Options/Examples |
---|---|---|---|---|
title | backgroundColor | String | null | “red”, “rgb(255,0,0)”, “#dedede”, … |
title | borderColor | String | “black” | “red”, “rgb(255,0,0)”, “#dedede”, … |
title | borderThickness | Number | 0 | 2, 4, … |
title | cornerRadius | String | 0 | 2, 4, … |
title | fontColor | String | “#3A3A3A” | “red”, “rgb(255,0,0)”, “#dedede”, … |
title | fontFamily | String | “Calibri, Optima, Candara, Verdana, Geneva, sans-serif” | “arial”, “verdana”, … |
title | fontSize | Number | Auto. Calculated | 14, 16, … |
title | fontStyle | String | ““normal”” | “normal”,“italic”, “oblique” |
title | fontWeight | String | “bold” | “lighter”, “normal, “bold”, “bolder” |
title | horizontalAlign | String | ““center”” | “left”, “center”, “right” |
title | margin | Number | 10 | 4, 8, … |
title | padding | Number | 0 | 1, 3, … |
title | text | String | null | “Stock Chart Title”, “Bitcoin Stock Chart”, … |
title | verticalAlign | String | “top” | “top”, “center”, “bottom” |
title | wrap | Boolean | true | true, false |
title | maxWidth | Number | Automatically calculated based on the chart size. | 200, 400, … |
Also See:
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