height: Number

Sets the height of Navigator to any given value in pixels.


Default: Automatically Calculated based on the StockChart height
Examples: 300, 400, 500, …

Note:
  • We suggest not to set the height/width property of the navigator until it is necessary. If you don’t set the height of navigator, CanvasJS automatically sets the height of navigator proportionate to StockChart height and renders navigator accordingly. This also allows navigator to work well with responsive website where StockChart size might change depending on device upon which it is used.


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



Try it Yourself by Editing the Code below.




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