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

Sets the value for specified property of navigator.


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.navigator.slider.set(“maskOpacity”, .3, true);

Note:
  • You can refer to Navigator 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",
{
 .
 . 
 navigator:{
   animationEnabled: true  
 }
 .
 . 
});
stockChart.render();

stockChart.navigator.set("verticalAlign", "top", false);
stockChart.navigator.set("backgroundColor",''#E8E9EB", true);

Properties accessible via set method

Please refer to Navigator 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.Ask Question