height: Number

Sets the height of Range Selector in pixels.

Default: Automatically calculated based on StockChart height.
Examples: 50, 100, …

  • We suggest not to set width/height property unless it is really required. When you don’t set width/height, CanvasJS automatically takes the size of range selector proportionate to StockChart. This helps you create responsive charts which adapts to varying screen sizes.

var stockChart = new CanvasJS.StockChart("container",
 rangeSelector: {
   height: 100,

Try it Yourself by Editing the Code below.

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