Dial to edge of gauge

Recommended Posts

Currently the dial goes to the center of the gauge width irrespective of the thickness of the gauge.


in this example the gaugeInnerRadius is 100 and the gaugeOuterRadius is 180, so the dial stops at 140.

in this example the gaugeInnerRadius is 150 and the gaugeOuterRadius is 200, so the dial stops at 175.

I want to be able to make the dial stop further out on the gauge - i.e. closer to the tick-marks. For example, in the first scenario I may want the dial to stop at 160 or 170.
Is this possible?

Share this post

Link to post
Share on other sites



You will need to set radius attribute iside the set elements of the dial to control the length of the dial like:

"dials": {
                "dial": [{
                    "value": "67"


Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now