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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Linear Gauge Control axe labels

Thread ID:





119899 Aug 11,2015 11:19 PM UTC Aug 12,2015 11:50 AM UTC LightSwitch HTML 2
Tags: LinearGauge
Matthew Shakespeare
Asked On August 11, 2015 11:19 PM UTC


I'm having some issue changing the range increments on the Linear gauge control, 
the default of ten is fine for short ranges . however for ranges in the 1000's get to busy to read.
so if you can point me at a tutorial or provided a sample that would be great 

Matthew Shakespeare
Replied On August 12, 2015 10:21 AM UTC

Think I've reached a solution myself looking through your javascript documentation 

the option I was looking for was  minorIntervalValue:25,

He it is within the rest of the code for context, taken from your example

            enableAnimation: false,
            frame: { backgroundImageUrl: "../images/gauge/Gauge_linear_light.png" },
            scales: [{
                //For Adding scale width
                width: 18,
                //For Adding scale minimum value
                //For Adding scale maximum value
                //For Adding scale minor interval value
                //For Adding scale major interval value
                //For Adding scale direction
                direction: "counterclockwise",
                position: { x: 20, y: 50 },
                backgroundColor: "Grey",
                border: { color: "Grey", width: 1 },
                showMarkerPointers: true, showBarPointers: false,
                //Adding label collection
                labels: [{ distanceFromScale: { x: 50, y: 0 } }],
                //Adding marker pointer collection
                markerPointers: [{
                    type: "pentagon", placement: "near",
                    length: 10, width: 20, distanceFromScale: 20,
                    backgroundColor: "#FE8282"
                //Adding tick collection
                ticks: [{
                    type: "majorinterval", width: 2,
                    color: "#8c8c8c", distanceFromScale: { x: 30, y: 0 }
                    type: "minorinterval", width: 1, height: 6,
                    color: "#8c8c8c", distanceFromScale: { x: 30, y: 0 }

Sanjith Kesavan [Syncfusion]
Replied On August 12, 2015 11:50 AM UTC

Hi Matthew Shakespeare,
Sorry for the delay. Since the image provided by you was broken we were analyzing what might be your requirement.
We are glad that you found the solution what you are looking for.

For more details about the linear gauge please find the below link
Link: http://help.syncfusion.com/ug/lightswitch/Documents/lineargauge.htm

You can also find the sample of the linear gauge from below location
Link: http://js.syncfusion.com/demos/LightSwitch/HTMLClient
Sanjith K
Please let us know if you have any other queries, we are happy to help you.


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon 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.Close Icon