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

Sets the value for specified style property of Range Buttons.


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.buttonStyle.set(“borderThickness “, 1, true);

Note:
  • You can refer to Button Style 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: {
   buttonStyle: {
     .  
     // Slider properties
     .
   }
 }
 .
 . 
});
stockChart.render();

stockChart.rangeSelector.buttonStyle.set("borderThickness ", 1, false);
stockChart.rangeSelector.buttonStyle.set("labelFontSize", 1, true);

Properties accessible via set method

Please refer to Button Style 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.