style object lets you customize the style of Inputfields in StockChart.
var stockChart = new CanvasJS.StockChart("container", { . . rangeSelector: { inputFields: { style: { backgroundColor: "#d8d8d8" } } }, . . }); stockChart.render();
Applies To | Attribute | Type | Default | Options/Examples | Remarks |
---|---|---|---|---|---|
style | backgroundColor | String | “white” | “blue”, “#a0beec”, … | |
style | borderColor | String | “#2196f3” | “blue”, “#d3d1dc”, … | |
style | borderColorOnFocus | String | “#008eff” | “black”, “#eaeaea”, … | |
style | borderThickness | Number | 2 | 3, 4, … | |
style | fontColor | String | “#000000” | “black”, “#d3d1dc”, … | |
style | fontSize | Number | 12 | 1, 2, … | |
style | fontStyle | String | “normal” | “normal”, “italic” , “oblique” | |
style | fontFamily | String | “Trebuchet MS, Helvetica, sans-serif” | “Arial, Trebuchet MS, Tahoma, sans-serif”, … | |
style | fontWeight | String | “normal” | “lighter”, “normal”, “bold” , “bolder” | |
style | width | Number | Automatically Calculated Based on the Range Selector’s width | 90, 100, … | |
style | maxWidth | Number | Automatically Calculated Based on the Range Selector’s width | 750, 960, … | |
style | padding | Number | 2 | 6, 10, … | |
style | cursor | String | “text” | “pointer”, “crosshair” |
Below example shows how to customize the style of inputFields.
Also See: