We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

How to create the Circular Gauge with smaller canvas?

Description

You can render/create the Circular Gauge with smaller canvas (minimum height and minimum width).

Solution

When the Circular Gauge with minimum size is rendered/created, you need to set the radius and scale radius values based on the Height and Width values. By default, radius and scale radius values are set to “180”; height and width values are “360”. Normally, the height and width values of the Circular Gauge are double or above the doubled radius value.

Therefore, when you set the customized radius value that is minimum/maximum when compared to the default value, the height and width values should be double or above the doubled radius value.

For example, when you set the Height and Width values as 120, you need to set the radius and scale radius values as 60. You can refer to the following code example to create the Circular Gauge with smaller canvas.

Execute the example and the Circular Gauge is rendered as follows.

Sample link

http://www.syncfusion.com/downloads/support/directtrac/134909/default710074039.zip

 

Article ID: Published Date: Last Revised Date: Platform: Control:
4093 02/18/2015 04/17/2015 JavaScript ejCircularGauge
Tags:
Did you find this information helpful?
Add Comment
You must log in to leave a comment

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.