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.