Home › docs › stockcharts › stockchart options › navigator › axisY

Pages

open all | close all

axisY: Object

axisY object lets you set various parameters of Y Axis in Navigator like interval, grid lines, etc.



var stockChart = new CanvasJS.StockChart("container",
{
 .
 .
 navigator: {
   .
   .
   axisY: {
     valueFormatString: "#,##.0"
   },
   .
   .
 }
 .
 .
});
stockChart.render();

Simple Atrributes for axisY

Applies To Attribute Type Default Options/Examples Remarks
axisY title String null “Axis Title”
–
axisY titleWrap Boolean true true, false
–
axisY titleMaxWidth Number null 100, 150, …
–
axisY titleFontColor String “black” “red”, “#006400”, …
–
axisY titleFontSize Number 0 25, 30, …
–
axisY titleFontFamily String “arial” “arial” , “tahoma”, “verdana”, …
–
axisY titleFontWeight String “normal” “lighter”, “normal, “bold”, “bolder”
–
axisY titleFontStyle String “normal” “normal”,“italic”, “oblique”
–
axisY labelBackgroundColor String “transparent” “red”, “#006400”, …
–
axisY labelMaxWidth Number Automatically Calculated based on Navigator Size 10, 20, …
–
axisY labelWrap Boolean true true, false
–
axisY labelAutoFit Boolean true true, false
–
axisY labelAngle Number 0 45,-45, 60, …
–
axisY labelFontFamily String “arial” “tahoma”, “verdana”, …
–
axisY labelFontColor String “black” “red”, “#006400”, …
–
axisY labelFontSize Number 0 25, 30, …
–
axisY labelFontWeight String “normal” “lighter”, “normal, “bold”, “bolder”
–
axisY labelFontStyle String “normal” “normal”,“italic”, “oblique”
–
axisY labelPlacement String “outside” “outside”, “inside” –
axisY labelTextAlign String “left” “left”,”center”,”right”
–
axisY prefix String null “$”, “cat”, …
–
axisY suffix String null “USD”, “cat”, …
–
axisY valueFormatString String null “DD/MM/YY”, “#,##0.##”, …
Auto Calculated
axisY minimum Number/Date/Timestamp null -100, 350, …
Auto Calculated
axisY maximum Number/Date/Timestamp null 100, 350, …
Auto Calculated
axisY viewportMinimum Number/Date/Timestamp null -100, 350, …
Auto Calculated
axisY viewportMaximum Number/Date/Timestamp null 100, 350, …
Auto Calculated
axisY interval Number null 25, 40, …
Auto Calculated
axisY reversed Boolean false true, false
–
axisX logarithmic Boolean false true, false
–
axisX logarithmBase Number 10 2, 10, …
–
axisY interlacedColor String “transparent” “#F8F1E4”, “#FEFDDF”, …
–
axisY includeZero Boolean false false, true
–
axisY labelFormatter Function
–
–
–
 

Composite Atrributes (Object) for axisY

Object Attributes Type Default Options
axisY stripLines Object
–
–
axisY scaleBreaks Object
–
–

  
var stockChart = new CanvasJS.StockChart("container",
{
 .
 .
 navigator: {
   .
   .
   axisY: {
     stripLines: {}
   },
   .
   .
 }
 .
 .
});
stockChart.render();

 

  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