style: Object

style object lets you customize the style of Inputfields in StockChart.

var stockChart = new CanvasJS.StockChart("container",
{
 .
 .
 rangeSelector: {
   inputFields: {
     style: {
       backgroundColor: "#d8d8d8"
     }
   }
 },
 .
 .
});
stockChart.render();

Simple Style Attributes

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 textAlign String “center” “left”, “center”, “right”
–
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.

Try Editing The Code

  Also See:    

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