width: Number

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


Default: Automatically Calculated based on the StockChart width
Examples: 200, 300, 400, …

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


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



Try it Yourself by Editing the Code below.




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