height: Number

Sets the height of Range Selector in pixels.


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

Note
  • 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,
   .
   .
 },
 .
 .
});
stockChart.render();



Try it Yourself by Editing the Code below.




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