Configuration

The widget comes with many options for easy customizations and configurations. See the options with their default values :

{ 
           currency : '<i class="fa fa-dollar-sign"></i>',
           precision : 2, 
           showChart : true, 
           showComponents : true,
           backgroundColor : ["#82c91e" , "#fa5252"],
           hoverBackgroundColor : ["#74b816" , "#f03e3e"],
           initPrincipal : 100000,
           maxPrincipal : 5000000,
           initRate : 8.5,
           maxRate : 20,
           initTime : 180,
           maxTime : 360 
}           

Option	Type	Description
currency	html/text	For setting up the widget currency
precision	+ve Integer	For showing calculations upto how many digit after decimal
showChart	boolean	To whether show the dougnut chart or nut
showComponents	boolean	To whether show the table comprising of breakdown of principal and interest components
backgroundColor	array of color values	For setting up colors of doughnut chart components
hoverBackgroundColor	array of color values	For setting up colors of doughnut chart components on hover state
initPrincipal	Number	Default value for the Principal field for the widget
initRate	Number	Default value for the Rate field for the widget
initTime	Number	Default value for the Tenure field for the widget
maxPrinicpal	Number	Max value for the Principal field
maxRate	Number	Max value for the Rate field
maxTime	Number	Max value for the Time field
language	object	Specify label text for the existing labels / texts