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 margin Number 2 10, 12, …
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 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 tickLength Number 0 15, 20, …
axisY tickColor String “black” “red”, “#006400”, …
axisY tickThickness Number 0 5, 8, …
axisY lineColor String “black” “red”, “#006400”, …
axisY lineThickness Number 1 5, 8, …
axisY interlacedColor String “transparent” “#F8F1E4”, “#FEFDDF”, …
axisY gridThickness Number 0 5, 8, …
Inc. to see grid
axisY gridColor String “#A0A0A0” “red”, “#006400”, …
axisY includeZero Boolean false false, true
axisY gridDashType String “solid” “solid”, “shortDash”, “shortDot”, “shortDashDot”, “shortDashDotDot”, “dot”, “dash”, “dashDot”, “longDash”, “longDashDot”, “longDashDotDot”
axisY lineDashType String “solid” “solid”, “shortDash”, “shortDot”, “shortDashDot”, “shortDashDotDot”, “dot”, “dash”, “dashDot”, “longDash”, “longDashDot”, “longDashDotDot”
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.