set(String propertyName, Mixed value [,Boolean updateStockChart = true])

Sets the value of specified property of rangeSelector.


Parameters:
        propertyName: Name of the property
        value: Value to be set on property
        updateStockChart: When true, updates the StockChart after setting the value. Default value is true.

Example: stockChart.rangeSelector.set(“verticalAlign”, “bottom”, true);

Note:
  • You can refer to Range Selector Element for complete list of properties available.
  • StockChart should be rendered before you can use set method.
  • By default StockChart gets updated / re-rendered, whenever set method is called. If you have multiple properties, it is recommended to disable auto update by setting updateStockChart to false till the last step. Otherwise, the performance might be affected because of rendering StockChart repeatedly. You can see the example below.

var stockChart = new CanvasJS.StockChart("container",
{
 .
 . 
 rangeSelector: {
   .   
   // rangeSelector properties
   .
 }
 .
 . 
});
stockChart.render();

stockChart.rangeSelector.set("verticalAlign", "bottom", false);
stockChart.rangeSelector.set("height", 40, true);

Properties accessible via set method

Please refer to Range Selector Element for the complete list of properties that can be accessed via set method.




Try it Yourself by Editing the Code below.




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