ejLinearGauge

4 Oct 201724 minutes to read

The Linear gauge can be easily configured to the DOM element, such as div. you can create a linear gauge with a highly customizable look and feel.

HTML

<ej-lineargauge id="lineargauge">    
</ej-lineargauge>

Name	Type	Description
HTML options	object	For setting the Linear gauge

Example

Requires

• module:jQuery

• module:ej.common.all

• module:excanvas.js

Members

animationSpeed number

Specifies the animationSpeed

Default Value

• 500

Example

HTML

<ej-lineargauge id="lineargauge" [animationSpeed]="1000">    
</ej-lineargauge>

backgroundColor string

Specifies the backgroundColor for Linear gauge.

Default Value

• null

Example

HTML

<ej-lineargauge id="lineargauge" backgroundColor ="Red">    
</ej-lineargauge>

borderColor string

Specifies the borderColor for Linear gauge.

Default Value

• null

Example

HTML

<ej-lineargauge id="lineargauge" borderColor ="Red">    
</ej-lineargauge>

enableAnimation boolean

Specifies the animate state

Default Value

• true

Example

HTML

<ej-lineargauge id="lineargauge" [enableAnimation] ="true">    
</ej-lineargauge>

enableMarkerPointerAnimation boolean

Specifies the animate state for marker pointer

Default Value

• true

Example

HTML

<ej-lineargauge id="lineargauge" [enableMarkerPointerAnimation] ="true">    
</ej-lineargauge>

isResponsive boolean

Specifies the can resize state.

Default Value

• false

Example

HTML

<ej-lineargauge id="lineargauge" [isResponsive] ="true">    
</ej-lineargauge>

frame object

Specify frame of linear gauge

Default Value

• null

Example

HTML

<ej-lineargauge id="lineargauge" [frame.innerWidth] ="9" [frame.outerWidth] ="13">    
</ej-lineargauge>

frame.backgroundImageUrl string

Specifies the frame background image URL of linear gauge

Default Value

• null

Example

HTML

<ej-lineargauge id="lineargauge" frame.backgroundImageUrl="../images/gauge/Gauge_linear_light.png">    
</ej-lineargauge>

frame.innerWidth number

Specifies the frame InnerWidth

Default Value

• 8

Example

HTML

<ej-lineargauge id="lineargauge" [frame.innerWidth] ="9">    
</ej-lineargauge>

frame.outerWidth number

Specifies the frame OuterWidth

Default Value

• 12

Example

HTML

<ej-lineargauge id="lineargauge" [frame.outerWidth] ="13">    
</ej-lineargauge>

height number

Specifies the height of Linear gauge.

Default Value

• 400

Example

HTML

<ej-lineargauge id="lineargauge" [height] ="360">    
</ej-lineargauge>

labelColor string

Specifies the labelColor for Linear gauge.

Default Value

• null

Example

HTML

<ej-lineargauge id="lineargauge" labelColor ="Red">    
</ej-lineargauge>

maximum number

Specifies the maximum value of Linear gauge.

Default Value

• 100

Example

HTML

<ej-lineargauge id="lineargauge" [maximum] ="110">    
</ej-lineargauge>

minimum number

Specifies the minimum value of Linear gauge.

Default Value

• 0

Example

HTML

<ej-lineargauge id="lineargauge" [maximum] ="10">    
</ej-lineargauge>

orientation string

Specifies the orientation for Linear gauge.

Default Value

• “Vertical”

Example

HTML

<ej-lineargauge id="lineargauge" orientation ="horizontal">    
</ej-lineargauge>

outerCustomLabelPosition enum

Specify labelPosition value of Linear gauge See OuterCustomLabelPosition

Name	Type	Description
Left	string	Label will be placed on left side of the gauge
Right	string	Label will be placed on right side of the gauge
Top	string	Label will be placed on top of the gauge
Bottom	string	Label will be placed on bottom of the gauge

Default Value

• bottom

Example

HTML

<ej-lineargauge id="lineargauge" outerCustomLabelPosition ="top">    
</ej-lineargauge>

pointerGradient1 object

Specifies the pointerGradient1 for Linear gauge.

Default Value

• null

Example

HTML

<ej-lineargauge id="lineargauge" [pointerGradient1] ="[colorInfo:[{ colorStop : 0, color:"#FFFFFF"}] ]">    
</ej-lineargauge>

pointerGradient2 object

Specifies the pointerGradient2 for Linear gauge.

Default Value

• null

Example

HTML

<ej-lineargauge id="lineargauge" [pointerGradient2] ="[colorInfo:[{ colorStop : 0, color:"#FFFFFF"}] ]">    
</ej-lineargauge>

readOnly boolean

Specifies the read only state.

Default Value

• true

Example

HTML

<ej-lineargauge id="lineargauge" [readOnly]="false">    
</ej-lineargauge>

scales array

Specifies the scales

Default Value

• null

Example

TS

this.scales=[{
    //..
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.backgroundColor string

Specifies the backgroundColor of the Scale.

Default Value

• null

Example

TS

this.scales=[{    
        backgroundColor: 'red'    
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.barPointers Array

Specifies the scaleBar Gradient of bar pointer

Default Value

• Array

Example

TS

this.scales=[{
    barPointers: [{   
        //..    
    }],
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.barPointers.backgroundColor string

Specifies the backgroundColor of bar pointer

Default Value

• null

Example

TS

this.scales=[{
    barPointers: [{
        backgroundColor: 'red'
    }],
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.barPointers.border object

Specifies the border of bar pointer

Default Value

• null

Example

TS

this.scales=[{
    barPointers: [{
        border:{            
        }
    }],
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.barPointers.border.color string

Specifies the border Color of bar pointer

Default Value

• null

Example

TS

this.scales=[{
    barPointers: [{
        border:{
            color:'red'
        }
    }],
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.barPointers.border.width number

Specifies the border Width of bar pointer

Default Value

• 1.5

Example

TS

this.scales=[{
    barPointers: [{
        border:{  
            width:2          
        }
    }],
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.barPointers.distanceFromScale number

Specifies the distanceFromScale of bar pointer

Default Value

• 0

Example

TS

this.scales=[{
    barPointers: [{
        distanceFromScale:20
    }],
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.barPointers.gradients object

Specifies the scaleBar Gradient of bar pointer

Default Value

• null

Example

TS

this.scales=[{
    barPointers: [{
        gradients:{
            colorInfo:[{ 
                colorStop : 0, 
                color:"#FFFFFF"
            }]
        }
    }],
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.barPointers.opacity number

Specifies the opacity of bar pointer

Default Value

• 1

Example

TS

this.scales=[{
    barPointers: [{  
        opacity:0.5     
    }],
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.barPointers.value number

Specifies the value of bar pointer

Default Value

• null

Example

TS

this.scales=[{
    barPointers: [{  
        value:100
    }],
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.barPointers.width number

Specifies the pointer Width of bar pointer

Default Value

• width=30

Example

TS

this.scales=[{
    barPointers: [{  
        width:25
    }],
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.border object

Specifies the border of the Scale.

Default Value

• null

Example

TS

this.scales=[{
    border:{
        //..
    }
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.border.color string

Specifies the border color of the Scale.

Default Value

• null

Example

TS

this.scales=[{
    border:{
        color:'red'
    }
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.border.width number

Specifies the border width of the Scale.

Default Value

• 1.5

Example

TS

this.scales=[{
    border:{
        width:2.5
    }
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.customLabels Array

Specifies the customLabel

Default Value

• Array

Example

TS

this.scales=[{
    customLabels:[{
        //..
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.customLabels.color number

Specifies the label Color in customLabels

Default Value

• null

Example

TS

this.scales=[{
    customLabels:[{
        color:'yellow'
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.customLabels.font object

Specifies the font in customLabels

Default Value

• null

Example

TS

this.scales=[{
    customLabels:[{
        font:{
            //..
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.customLabels.font.fontFamily string

Specifies the fontFamily in customLabels

Default Value

• “Arial”

Example

TS

this.scales=[{
    customLabels:[{
        font:{
            fontFamily:'Arial',
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.customLabels.font.fontStyle enum

Specifies the fontStyle in customLabels. See FontStyle

Name	Type	Description
Bold	string	Sets the font style as bold
Italic	string	Sets the font style as italic
Regular	string	Sets the font style as regular
Strikeout	string	Sets the font style as strikeout
Underline	string	Sets the font style as underline

Default Value

• Bold

Example

TS

this.scales=[{
    customLabels:[{
        font:{
            fontStyle:'Bold',
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.customLabels.font.size string

Specifies the font size in customLabels

Default Value

• “11px”

Example

TS

this.scales=[{
    customLabels:[{
        font:{
            size:'12px'
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.customLabels.opacity string

Specifies the opacity in customLabels

Default Value

• 0

Example

TS

this.scales=[{
    customLabels:[{
        opacity:0.5
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.customLabels.position object

Specifies the position in customLabels

Default Value

• null

Example

TS

this.scales=[{
    customLabels:[{
        position:{
            //..
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.customLabels.position.x number

Specifies the position x in customLabels

Default Value

• 0

Example

TS

this.scales=[{
    customLabels:[{
        position:{
            x:10
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.customLabels.position.y number

Specifies the y in customLabels

Default Value

• 0

Example

TS

this.scales=[{
    customLabels:[{
        position:{
            y:50
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.customLabels.positionType object

Specifies the positionType in customLabels.See CustomLabelPositionType

Default Value

• null

Example

TS

this.scales=[{
    customLabels:[{
        positionType:'outer'
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.customLabels.textAngle number

Specifies the textAngle in customLabels

Default Value

• 0

Example

TS

this.scales=[{
    customLabels:[{
        textAngle:20
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.customLabels.value string

Specifies the label Value in customLabels

Default Value

• ””

Example

TS

this.scales=[{
    customLabels:[{
        value:'LinearGauge'
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.direction enum

Specifies the scale Direction of the Scale. See Directions

Name	Type	Description
Clockwise	string	Specify the scale direction as clockwise
CounterClockwise	string	Specify the scale direction as counterclockwise

Default Value

• CounterClockwise

Example

TS

this.scales=[{
    direction:'Clockwise'
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators Array

Specifies the indicator

Default Value

• Array

Example

TS

this.scales=[{
    indicators:[{
        //..
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.backgroundColor string

Specifies the backgroundColor in bar indicators

Default Value

• null

Example

TS

this.scales=[{
    indicators:[{
        backgroundColor:'green'
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.border number

Specifies the border in bar indicators

Default Value

• null

Example

TS

this.scales=[{
    indicators:[{
        border:{
           //..
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.border.color string

Specifies the border Color in bar indicators

Default Value

• null

Example

TS

this.scales=[{
    indicators:[{
        border:{
            color:'green'
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.border.width number

Specifies the border Width in bar indicators

Default Value

• 1.5

Example

TS

this.scales=[{
    indicators:[{
        border:{
            width:5
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.font object

Specifies the font of bar indicators

Default Value

• null

Example

TS

this.scales=[{
    indicators:[{
        font:{
            //..
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.font.fontFamily string

Specifies the fontFamily of font in bar indicators

Default Value

• “Arial”

Example

TS

this.scales=[{
    indicators:[{
        font:{
            fontFamily:'Segoe UI'
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.font.fontStyle enum

Specifies the fontStyle of font in bar indicators. See FontStyle

Default Value

• ej.datavisualization.LinearGauge.FontStyle.Bold

Example

TS

this.scales=[{
    indicators:[{
        font:{
            fontStyle:'bold'
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.font.size string

Specifies the size of font in bar indicators

Default Value

• “11px”

Example

TS

this.scales=[{
    indicators:[{
        font:{
            size:'12px'
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.height number

Specifies the indicator Height of bar indicators

Default Value

• 30

Example

TS

this.scales=[{
    indicators:[{
        height:20
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.opacity number

Specifies the opacity in bar indicators

Default Value

• NaN

Example

TS

this.scales=[{
    indicators:[{
        opacity:0.5
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.position object

Specifies the position in bar indicators

Default Value

• null

Example

TS

this.scales=[{
    indicators:[{
        position:{
            //..
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.position.x number

Specifies the x position in bar indicators

Default Value

• 0

Example

TS

this.scales=[{
    indicators:[{
        position:{
            x:10
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.position.y number

Specifies the y position in bar indicators

Default Value

• 0

Example

TS

this.scales=[{
    indicators:[{
        position:{
            y:50
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.stateRanges Array

Specifies the state ranges in bar indicators

Default Value

• Array

Example

TS

this.scales=[{
    indicators:[{
        stateRanges:[{
            //..
        }]
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.stateRanges.backgroundColor string

Specifies the backgroundColor in bar indicators state ranges

Default Value

• null

Example

TS

this.scales=[{
    indicators:[{
        stateRanges:[{
            backgroundColor:'red'
        }]
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.stateRanges.borderColor string

Specifies the borderColor in bar indicators state ranges

Default Value

• null

Example

TS

this.scales=[{
    indicators:[{
        stateRanges:[{
            borderColor:'red'
        }]
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.stateRanges.endValue number

Specifies the endValue in bar indicators state ranges

Default Value

• 60

Example

TS

this.scales=[{
    indicators:[{
        stateRanges:[{
            endValue:90
        }]
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.stateRanges.startValue number

Specifies the startValue in bar indicators state ranges

Default Value

• 50

Example

TS

this.scales=[{
    indicators:[{
        stateRanges:[{
            startValue:40
        }]
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.stateRanges.text string

Specifies the text in bar indicators state ranges

Default Value

• ””

Example

TS

this.scales=[{
    indicators:[{
        stateRanges:[{
            text:'Linear Gauge'
        }]
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.stateRanges.textColor string

Specifies the textColor in bar indicators state ranges

Default Value

• null

Example

TS

this.scales=[{
    indicators:[{
        stateRanges:[{
            textColor:'red'
        }]
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.textLocation object

Specifies the textLocation in bar indicators

Default Value

• null

Example

TS

this.scales=[{
    indicators:[{
        stateRanges:[{
            textLocation:{
                //..
            }
        }]
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.textLocation.x number

Specifies the textLocation position in bar indicators

Default Value

• 0

Example

TS

this.scales=[{
    indicators:[{
        stateRanges:[{
            textLocation:{
                x:10
            }
        }]
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.textLocation.y number

Specifies the Y position in bar indicators

Default Value

• 0

Example

TS

this.scales=[{
    indicators:[{
        stateRanges:[{
            textLocation:{
                y:50
            }
        }]
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.type enum

Specifies the indicator Style of font in bar indicators

Name	Type	Description
Rectangle	string	Style of the indicator will be rectangle
Circle	string	Style of the indicator will be Circle
RoundedRectangle	string	Style of the indicator will be rounded rectangle
Text	string	Style of the indicator will be text

Default Value

• ej.datavisualization.LinearGauge.IndicatorType.Rectangle

Example

TS

this.scales=[{
    indicators:[{        
        type:'rectangle'        
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.indicators.width number

Specifies the indicator Width in bar indicators

Default Value

• 30

Example

TS

this.scales=[{
    indicators:[{        
        width:2
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels Array

Specifies the labels.

Default Value

• Array

Example

TS

this.scales=[{          
    labels:[{
        //..
    }]    
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.angle number

Specifies the angle of labels.

Default Value

• 0

Example

TS

this.scales=[{          
    labels:[{
        angle:45
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.distanceFromScale object

Specifies the DistanceFromScale of labels.

Default Value

• null

Example

TS

this.scales=[{
    labels:[{
        distanceFromScale:{
            //..
        }
    }]   
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.distanceFromScale.x number

Specifies the xDistanceFromScale of labels.

Default Value

• -10

Example

TS

this.scales=[{         
    labels:[{
        distanceFromScale:{
            x:5
        }
    }]    
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.distanceFromScale.y number

Specifies the yDistanceFromScale of labels.

Default Value

• 0

Example

TS

this.scales=[{          
    labels:[{
        distanceFromScale:{
            y:10
        }
    }]    
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.font object

Specifies the font of labels.

Default Value

• null

Example

TS

this.scales=[{          
    labels:[{
        font:{
            //..
        }
    }]    
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.font.fontFamily string

Specifies the fontFamily of font.

Default Value

• “Arial”

Example

TS

this.scales=[{           
    labels:[{
        font:{
            fontFamily:'Arial'
        }
    }]    
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.font.fontStyle enum

Specifies the fontStyle of font.See FontStyle

Default Value

• ej.datavisualization.LinearGauge.FontStyle.Bold

Example

TS

this.scales=[{          
    labels:[{
        font:{
            fontStyle:'Bold'
        }
    }]    
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.font.size string

Specifies the size of font.

Default Value

• “11px”

Example

TS

this.scales=[{           
    labels:[{
        font:{
            size:'12px'
        }
    }]    
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.includeFirstValue boolean

need to includeFirstValue.

Default Value

• true

Example

TS

this.scales=[{          
    labels:[{
        includeFirstValue: false
    }]    
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.opacity number

Specifies the opacity of label.

Default Value

• 0

Example

TS

this.scales=[{        
    labels:[{
        opacity:0.5    
    }]
}]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.placement enum

Specifies the label Placement of label. See LabelPlacement

Name	Type	Description
Near	string	Specify the label placement as near
Far	string	Specify the label placement as far
Center	string	Specify the label placement as center

Default Value

• Near

Example

TS

this.scales=[{        
    labels:[{
        placement:'center'
    }]    
}]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.textColor string

Specifies the textColor of font.

Default Value

• null

Example

TS

this.scales=[{          
    labels:[{
        textColor:'red'
    }]    
}]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.type enum

Specifies the label Style of label. See LabelType

Name	Type	Description
Major	string	Specifies the label style as major
Minor	string	Specifies the label style as minor

Default Value

• ej.datavisualization.LinearGauge.LabelType.Major

Example

TS

this.scales=[{          
    labels:[{
        type:'minor'
    }]    
}]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.unitText string

Specifies the unitText of label.

Default Value

• ””

Example

TS

this.scales=[{          
    labels:[{
        unitText:'F'
    }]    
}]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.labels.unitTextPlacement enum

Specifies the unitText Position of label.See UnitTextPlacement

Name	Type	Description
Back	string	The unit text will be placed on back side of the gauge
From	string	The unit text will be placed on front side of the gauge

Default Value

• Back

Example

TS

this.scales=[{          
    labels:[{
        unitTextPlacement:'front'
    }]    
}]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.length number

Specifies the scaleBar Length.

Default Value

• 290

Example

TS

this.scales=[{
   length:150
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.majorIntervalValue number

Specifies the majorIntervalValue of the Scale.

Default Value

• 10

Example

TS

this.scales=[{
   majorInterValue:10
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.markerPointers Array

Specifies the markerPointers

Default Value

• Array

Example

TS

this.scales=[{
   markerPointers:[{
       //..
   }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.markerPointers.backgroundColor string

Specifies the backgroundColor of marker pointer

Default Value

• null

Example

TS

this.scales=[{
   markerPointers:[{
        backgroundColor:'red'
   }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.markerPointers.border object

Specifies the border of marker pointer

Default Value

• null

Example

TS

this.scales=[{
   markerPointers:[{
        border:{
           //..
        }
   }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.markerPointers.border.color string

Specifies the border color of marker pointer

Default Value

• null

Example

TS

this.scales=[{
   markerPointers:[{
        border:{
            color:'red'
        }
   }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.markerPointers.border.width number

Specifies the border of marker pointer

Default Value

• number

Example

TS

this.scales=[{
   markerPointers:[{
        border:{
            width:2
        }
   }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.markerPointers.distanceFromScale number

Specifies the distanceFromScale of marker pointer

Default Value

• 0

Example

TS

this.scales=[{
   markerPointers:[{
       distanceFromScale:2
   }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.markerPointers.gradients object

Specifies the pointer Gradient of marker pointer

Default Value

• null

Example

TS

this.scales=[{
   markerPointers:[{
       gradients:{
            colorInfo:[{ 
                colorStop : 0, 
                color:"#FFFFFF"
            }]
        }
   }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.markerPointers.length number

Specifies the pointer Length of marker pointer

Default Value

• 30

Example

TS

this.scales=[{
   markerPointers:[{
       length:150
   }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.markerPointers.opacity number

Specifies the opacity of marker pointer

Default Value

• 1

Example

TS

this.scales=[{
   markerPointers:[{
      opacity:0.5
   }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.markerPointers.placement enum

Specifies the pointer Placement of marker pointer See PointerPlacement

Default Value

• Far

Example

TS

this.scales=[{
   markerPointers:[{
      placement:'near'
   }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.markerPointers.type enum

Specifies the marker Style of marker pointerSee MarkerType

Name	Type	Description
Rectangle	string	Style of the marker will be rectangle
Triangle	string	Style of the marker will be triangle
Ellipse	string	Style of the marker will be ellipse
Diamond	string	Style of the marker will be diamond
Pentagon	string	Style of the marker will be pentagon
Circle	string	Style of the marker will be circle
Star	string	Style of the marker will be star
Slider	string	Style of the marker will be slider
Pointer	string	Style of the marker will be pointer
Wedge	string	Style of the marker will be wedge
Trapezoid	string	Style of the marker will be trapezoid
RoundedRectangle	string	Style of the marker will be rounded rectangle

Default Value

• Triangle

Example

TS

this.scales=[{
   markerPointers:[{
      type:'rectangle'
   }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.markerPointers.value number

Specifies the value of marker pointer

Default Value

• null

Example

TS

this.scales=[{
   markerPointers:[{
      value:25
   }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.markerPointers.width number

Specifies the pointer Width of marker pointer

Default Value

• 30

Example

TS

this.scales=[{
   markerPointers:[{
      width:2
   }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.maximum number

Specifies the maximum of the Scale.

Default Value

• null

Example

TS

this.scales=[{
    maximum:110
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.minimum number

Specifies the minimum of the Scale.

Default Value

• null

Example

TS

this.scales=[{
    minimum:10
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.minorIntervalValue number

Specifies the minorIntervalValue of the Scale.

Default Value

• 2

Example

TS

this.scales=[{
    minorIntervalValue:1
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.opacity number

Specifies the opacity of the Scale.

Default Value

• NaN

Example

TS

this.scales=[{
    opacity:0.5
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.position object

Specifies the position

Default Value

• null

Example

TS

this.scales=[{
    position:{
        x:5
    }
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.position.x number

Specifies the Horizontal position

Default Value

• 50

Example

SCALES.POSITION.X

scales.position.y number

Specifies the vertical position

Default Value

• 50

Example

TS

this.scales=[{
    position:{
        y:50
    }
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ranges Array

Specifies the ranges in the tick.

Default Value

• Array

Example

TS

this.scales=[{
    ranges:[{
        //..
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ranges.backgroundColor string

Specifies the backgroundColor in the ranges.

Default Value

• null

Example

TS

this.scales=[{
    ranges:[{
        backgroundColor:'red'
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ranges.border object

Specifies the border in the ranges.

Default Value

• null

Example

TS

this.scales=[{
    ranges:[{
        border:{
           //..
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ranges.border.color string

Specifies the border color in the ranges.

Default Value

• null

Example

TS

this.scales=[{
    ranges:[{
        border:{
            color:'red'
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ranges.border.width number

Specifies the border width in the ranges.

Default Value

• 1.5

Example

TS

this.scales=[{
    ranges:[{
        border:{
           width:2
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ranges.distanceFromScale number

Specifies the distanceFromScale in the ranges.

Default Value

• 0

Example

TS

this.scales=[{
    ranges:[{
        distanceFromScale:10
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ranges.endValue number

Specifies the endValue in the ranges.

Default Value

• 60

Example

TS

this.scales=[{
    ranges:[{
        endValue:60
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ranges.endWidth number

Specifies the endWidth in the ranges.

Default Value

• 10

Example

TS

this.scales=[{
    ranges:[{
        endWidth:20
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ranges.gradients object

Specifies the range Gradient in the ranges.

Default Value

• null

Example

TS

this.scales=[{
    ranges:[{
        gradients:{
            colorInfo:[{ 
                colorStop : 0, 
                color:"#FFFFFF"
            }]
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ranges.opacity number

Specifies the opacity in the ranges.

Default Value

• null

Example

TS

this.scales=[{
    ranges:[{
        opacity:0.5
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ranges.placement enum

Specifies the range Position in the ranges. See RangePlacement

Default Value

• Center

Example

TS

this.scales=[{
    ranges:[{
        placement:'center'
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ranges.startValue number

Specifies the startValue in the ranges.

Default Value

• 20

Example

TS

this.scales=[{
    ranges:[{
        startValue:10
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ranges.startWidth number

Specifies the startWidth in the ranges.

Default Value

• 10

Example

TS

this.scales=[{
    ranges:[{
        startWidth:5
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.shadowOffset number

Specifies the shadowOffset.

Default Value

• 0

Example

TS

this.scales=[{
    shadowOffset:1
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.showBarPointers boolean

Specifies the showBarPointers state.

Default Value

• true

Example

TS

this.scales=[{
    showBarPointers:false
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.showCustomLabels boolean

Specifies the showCustomLabels state.

Default Value

• false

Example

TS

this.scales=[{
    showCustomLabels:true
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.showIndicators boolean

Specifies the showIndicators state.

Default Value

• false

Example

TS

this.scales=[{
    showIndicators:true
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.showLabels boolean

Specifies the showLabels state.

Default Value

• true

Example

TS

this.scales=[{
    showLabels:false
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.showMarkerPointers boolean

Specifies the showMarkerPointers state.

Default Value

• true

Example

TS

this.scales=[{
    showMarkerPointers:false
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.showRanges boolean

Specifies the showRanges state.

Default Value

• false

Example

TS

this.scales=[{
    showRanges:false
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.showTicks boolean

Specifies the showTicks state.

Default Value

• true

Example

TS

this.scales=[{
    showTicks:false
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ticks Array

Specifies the ticks in the scale.

Default Value

• Array

Example

TS

this.scales=[{
    ticks:[{
        //..
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ticks.angle number

Specifies the angle in the tick.

Default Value

• 0

Example

TS

this.scales=[{
    ticks:[{
        angle:45
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ticks.color string

Specifies the tick Color in the tick.

Default Value

• null

Example

TS

this.scales=[{
    ticks:[{
        color:'red'
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ticks.distanceFromScale object

Specifies the DistanceFromScale in the tick.

Default Value

• null

Example

TS

this.scales=[{
    ticks:[{
        distanceFromScale:{
            //..
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ticks.distanceFromScale.x number

Specifies the xDistanceFromScale in the tick.

Default Value

• 0

Example

TS

this.scales=[{
    ticks:[{
        distanceFromScale:{
            x:10
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ticks.distanceFromScale.y number

Specifies the yDistanceFromScale in the tick.

Default Value

• 0

Example

TS

this.scales=[{
    ticks:[{
        distanceFromScale:{
            y:50
        }
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ticks.height number

Specifies the tick Height in the tick.

Default Value

• 10

Example

TS

this.scales=[{
    ticks:[{
        height:20
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ticks.opacity number

Specifies the opacity in the tick.

Default Value

• 0

Example

TS

this.scales=[{
    ticks:[{
       opacity:0.5
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ticks.placement enum

Specifies the tick Placement in the tick. See TickPlacement

Default Value

• Near

Example

TS

this.scales=[{
    ticks:[{
       placement:'far'
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ticks.type enum

Specifies the tick Style in the tick. See TickType

Name	Type	Description
Majorinterval	string	Sets the tick style as major interval
Minorinterval	string	Sets the tick style as minor interval

Default Value

• MajorInterval

Example

TS

this.scales=[{
    ticks:[{
       type:'majotinterval'
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.ticks.width number

Specifies the tick Width in the tick.

Default Value

• 3

Example

TS

this.scales=[{
    ticks:[{
       width:2
    }]
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.type enum

Specifies the scaleBar type .See ScaleType

Name	Type	Description
Rectangle	string	Type of the scale bar will be rectangle
RoundedRectangle	string	Type of the scale bar will be roundedrectangle
Thermometer	string	Type of the scale bar will be thermometer

Default Value

• Rectangle

Example

TS

this.scales=[{
    type:'rectangle'
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

scales.width number

Specifies the scaleBar width.

Default Value

• 30

Example

TS

this.scales=[{
    width:2
 }]

HTML

<ej-lineargauge id="LinearGauge1" [scales]="scales">  
</ej-lineargauge>

theme enum

Specifies the theme for Linear gauge. See LinearGauge.Themes

Name	Type	Description
FlatLight	string	Theme of linear gauge will be flatlight
FlatDark	string	Theme of linear gauge will be flatdark

Default Value

• flatlight

Example

HTML

<ej-lineargauge id="LinearGauge1" theme="flatdark">  
</ej-lineargauge>

tickColor string

Specifies the tick Color for Linear gauge.

Default Value

• null

Example

HTML

<ej-lineargauge id="LinearGauge1" tickColor="red">  
</ej-lineargauge>

tooltip object

Specify tooltip options of linear gauge

Default Value

• false

Example

TS

this.tooltip = { 
    //..
};

HTML

<ej-lineargauge id="LinearGauge1" [tooltip]="tooltip">  
</ej-lineargauge>

tooltip.showCustomLabelTooltip boolean

Specify showCustomLabelTooltip value of linear gauge

Default Value

• false

Example

TS

this.tooltip = { 
    showCustomLabelTooltip: true
};

HTML

<ej-lineargauge id="LinearGauge1" [tooltip]="tooltip">  
</ej-lineargauge>

tooltip.showLabelTooltip boolean

Specify showLabelTooltip value of linear gauge

Default Value

• false

Example

TS

this.tooltip = { 
    showLabelTooltip: true
};

HTML

<ej-lineargauge id="LinearGauge1" [tooltip]="tooltip">  
</ej-lineargauge>

tooltip.templateID string

Specify templateID value of linear gauge

Default Value

• false

Example

TS

this.tooltip = { 
    templateID: true
};

HTML

<ej-lineargauge id="LinearGauge1" [tooltip]="tooltip">  
</ej-lineargauge>

value number

Specifies the value of the Gauge.

Default Value

• 0

Example

HTML

<ej-lineargauge id="LinearGauge1" [value]="60">  
</ej-lineargauge>

width number

Specifies the width of Linear gauge.

Default Value

• 150

Example

HTML

<ej-lineargauge id="LinearGauge1" [width]="100">  
</ej-lineargauge>

Methods

destroy()

destroy the linear gauge all events bound using this._on will be unbind automatically and bring the control to pre-init state.

Returns: void

Example

TS

destroy(){
     
     //Do something
     this.linearIns.widget.destroy();

}

exportImage()

To export Image

Name	Type	Description
HTML argument.fileName	number	for the Image
HTML argument.fileType	number	for the Image

Returns: void

Example

TS

exportimage(){
     
     //Do something
     this.linearIns.widget.exportImage();

}

getBarDistanceFromScale()

To get Bar Distance From Scale in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge

Returns: any

Example

TS

getbardistancefromscale(){
     
     //Do something
     this.linearIns.widget.getBarDistanceFromScale();

}

getBarPointerValue()

To get Bar Pointer Value in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge

Returns: any

Example

TS

getbarpointervalue(){
     
     //Do something
     this.linearIns.widget.getBarPointerValue();

}

getBarWidth()

To get Bar Width in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge

Returns: any

Example

TS

getbarwidth(){
     
     //Do something
     this.linearIns.widget.getBarWidth();

}

getCustomLabelAngle()

To get CustomLabel Angle in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.customLabelIndex	number	customLabelIndex value for the Gauge

Returns: any

Example

TS

getcustomangle(){
     
     //Do something
     this.linearIns.widget.getCustomAngle();

}

getCustomLabelValue()

To get CustomLabel Value in string

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.customLabelIndex	number	customLabelIndex value for the Gauge

Returns: any

Example

TS

getcustomlabelvalue(){
     
     //Do something
     this.linearIns.widget.getCustomLabelValue();

}

getLabelAngle()

To get Label Angle in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.labelIndex	number	value for the Gauge

Returns: any

Example

TS

getlabelangle(){
     
     //Do something
     this.linearIns.widget.getLabelAngle();

}

getLabelPlacement()

To get LabelPlacement in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.labelIndex	number	value for the Gauge

Returns: any

Example

TS

getlabelplacement(){
     
     //Do something
     this.linearIns.widget.getLabelPlacement();

}

getLabelStyle()

To get LabelStyle in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.labelIndex	number	value for the Gauge

Returns: any

Example

TS

getlabelstyle(){
     
     //Do something
     this.linearIns.widget.getLabelStyle();

}

getLabelXDistanceFromScale()

To get Label XDistance From Scale in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.labelIndex	number	value for the Gauge

Returns: any

Example

TS

getlabelxdistancefromscale(){
     
     //Do something
     this.linearIns.widget.getLabelXDistanceFromScale();

}

getLabelYDistanceFromScale()

To get PointerValue in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.labelIndex	number	value for the Gauge

Returns: any

Example

TS

getlabelydistancefromscale(){
     
     //Do something
     this.linearIns.widget.getLabelYDistanceFromScale();

}

getMajorIntervalValue()

To get Major Interval Value in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge

Returns: any

Example

TS

getmajorintervalvalue(){
     
     //Do something
     this.linearIns.widget.getMajorIntervalValue();

}

getMarkerStyle()

To get MarkerStyle in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge

Returns: any

Example

TS

getmarkerstyle(){
     
     //Do something
     this.linearIns.widget.getMarkerStyle();

}

getMaximumValue()

To get Maximum Value in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge

Returns: any

Example

TS

getmaximumvalue(){
     
     //Do something
     this.linearIns.widget.getMaximumValue();

}

getMinimumValue()

To get PointerValue in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	value for the Gauge

Returns: any

Example

TS

getminimumvalue(){
     
     //Do something
     this.linearIns.widget.getMinimumValue();

}

getMinorIntervalValue()

To get Minor Interval Value in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge

Returns: any

Example

TS

getminorintervalvalue(){
     
     //Do something
     this.linearIns.widget.getMinorIntervalValue();

}

getPointerDistanceFromScale()

To get Pointer Distance From Scale in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge

Returns: any

Example

TS

getpointerdistancefromscale(){
     
     //Do something
     this.linearIns.widget.getPointerDistanceFromScale();

}

getPointerHeight()

To get PointerHeight in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge

Returns: any

Example

TS

getpointerheight(){
     
     //Do something
     this.linearIns.widget.getPointerHeight();

}

getPointerPlacement()

To get Pointer Placement in String

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge

Returns: any

Example

TS

getpointerplacement(){
     
     //Do something
     this.linearIns.widget.getPointerPlacement();

}

getPointerValue()

To get PointerValue in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge

Returns: any

Example

TS

getpointervalue(){
     
     //Do something
     this.linearIns.widget.getPointerValue();

}

getPointerWidth()

To get PointerWidth in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge

Returns: any

Example

TS

getpointerwidth(){
     
     //Do something
     this.linearIns.widget.getPointerWidth();

}

getRangeBorderWidth()

To get Range Border Width in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.rangeIndex	number	rangeIndex value for the Gauge

Returns: any

Example

TS

getrangeborderwidth(){
     
     //Do something
     this.linearIns.widget.getRangeBorderWidth();

}

getRangeDistanceFromScale()

To get Range Distance From Scale in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.rangeIndex	number	rangeIndex value for the Gauge

Returns: any

Example

TS

getrangedistancefromscale(){
     
     //Do something
     this.linearIns.widget.getRangeDistanceFromScale();

}

getRangeEndValue()

To get Range End Value in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.rangeIndex	number	rangeIndex value for the Gauge

Returns: any

Example

TS

getrangeendvalue(){
     
     //Do something
     this.linearIns.widget.getRangeEndValue();

}

getRangeEndWidth()

To get Range End Width in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.rangeIndex	number	rangeIndex value for the Gauge

Returns: any

Example

TS

getrangeendwidth(){
     
     //Do something
     this.linearIns.widget.getRangeEndWidth();

}

getRangePosition()

To get Range Position in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.rangeIndex	number	rangeIndex value for the Gauge

Returns: any

Example

TS

getrangeposition(){
     
     //Do something
     this.linearIns.widget.getRangePosition();

}

getRangeStartValue()

To get Range Start Value in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.rangeIndex	number	rangeIndex value for the Gauge

Returns: any

Example

TS

getrangestartvalue(){
     
     //Do something
     this.linearIns.widget.getRangeStartValue();

}

getRangeStartWidth()

To get Range Start Width in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.rangeIndex	number	rangeIndex value for the Gauge

Returns: any

Example

TS

getrangesartwidth(){
     
     //Do something
     this.linearIns.widget.getRangeSartWidth();

}

getScaleBarLength()

To get ScaleBarLength in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge

Returns: any

Example

TS

getscalebarlength(){
     
     //Do something
     this.linearIns.widget.getScaleBarLength();

}

getScaleBarSize()

To get Scale Bar Size in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	value for the Gauge

Returns: any

Example

TS

getscalebarsize(){
     
     //Do something
     this.linearIns.widget.getScaleBarSize();

}

getScaleBorderWidth()

To get Scale Border Width in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge

Returns: any

Example

TS

getscaleborderwidth(){
     
     //Do something
     this.linearIns.widget.getScaleBorderWidth();

}

getScaleDirection()

To get Scale Direction in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge

Returns: any

Example

TS

getscaledirection(){
     
     //Do something
     this.linearIns.widget.getScaleDirection();

}

getScaleLocation()

To get Scale Location in object

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge

Returns: any

Example

TS

getscalelocation(){
     
     //Do something
     this.linearIns.widget.getScaleLocation();

}

getScaleStyle()

To get Scale Style in string

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge

Returns: any

Example

TS

getscalestyle(){
     
     //Do something
     this.linearIns.widget.getScaleStyle();

}

getTickAngle()

To get Tick Angle in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.TickIndex	number	value for the Gauge

Returns: any

Example

TS

gettickangle(){
     
     //Do something
     this.linearIns.widget.getTickAngle();

}

getTickHeight()

To get Tick Height in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.TickIndex	number	value for the Gauge

Returns: any

Example

TS

gettickheight(){
     
     //Do something
     this.linearIns.widget.getTickHeight();

}

getTickPlacement()

To get getTickPlacement in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.TickIndex	number	value for the Gauge

Returns: any

Example

TS

gettickplacement(){
     
     //Do something
     this.linearIns.widget.getTickPlacement();

}

getTickStyle()

To get Tick Style in string

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.TickIndex	number	value for the Gauge

Returns: any

Example

TS

gettickstyle(){
     
     //Do something
     this.linearIns.widget.getTickStyle();

}

getTickWidth()

To get Tick Width in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.TickIndex	number	value for the Gauge

Returns: any

Example

TS

gettickwidth(){
     
     //Do something
     this.linearIns.widget.getTickWidth();

}

getTickXDistanceFromScale()

To get get Tick XDistance From Scale in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.TickIndex	number	value for the Gauge

Returns: any

Example

TS

gettickxdistancefromscale(){
     
     //Do something
     this.linearIns.widget.getTickXDistanceFromScale();

}

getTickYDistanceFromScale()

To get Tick YDistance From Scale in number

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.TickIndex	number	value for the Gauge

Returns: any

Example

TS

gettickydistancefromscale(){
     
     //Do something
     this.linearIns.widget.getTickYDistanceFromScale();

}

scales()

Specifies the scales.

Default Value

• null

Returns: void

Example

TS

scales(){
     
     //Do something
     this.linearIns.widget.scales();

}

setBarDistanceFromScale()

To set setBarDistanceFromScale

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex,value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge
HTML arguemnt.value	number	Bar DistanceFromScale value for Gauge

Returns: void

Example

TS

setbardistancefromscale(){
     
     //Do something
     this.linearIns.widget.setBarDistanceFromScale();

}

setBarPointerValue()

To set setBarPointerValue

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge
HTML arguemnt.value	number	Bar Pointer Value for Gauge

Returns: void

Example

TS

setbarpointervalue(){
     
     //Do something
     this.linearIns.widget.setBarPointerValue();

}

setBarWidth()

To set setBarWidth

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge
HTML arguemnt.value	number	Bar Width for Gauge

Returns: void

Example

TS

setbarwidth(){
     
     //Do something
     this.linearIns.widget.setBarWidth();

}

setCustomLabelAngle()

To set setCustomLabelAngle

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.customLabelIndex	number	customLabelIndex value for the Gauge
HTML arguemnt.value	number	Custom Label Angle for Gauge

Returns: void

Example

TS

setcustomlabelangle(){
     
     //Do something
     this.linearIns.widget.setCustomLabelAngle();

}

setCustomLabelValue()

To set setCustomLabelValue

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.customLabelIndex	number	customLabelIndex value for the Gauge
HTML arguemnt.value	number	CustomLabel value for Gauge

Returns: void

Example

TS

setcustomlabelvalue(){
     
     //Do something
     this.linearIns.widget.setCustomLabelValue();

}

setLabelAngle()

To set setLabelAngle

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.labelIndex	number	value for the Gauge
HTML arguemnt.angle	number	Label Angle for Gauge

Returns: void

Example

TS

setlabelangle(){
     
     //Do something
     this.linearIns.widget.setLabelAngle();

}

setLabelPlacement()

To set setLabelPlacement

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.labelIndex	number	value for the Gauge
HTML arguemnt.value	number	Label Placement for Gauge

Returns: void

Example

TS

setlabelplacement(){
     
     //Do something
     this.linearIns.widget.setLabelPlacement();

}

setLabelStyle()

To set setLabelStyle

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.labelIndex	number	value for the Gauge
HTML arguemnt.value	string	Label Style for Gauge

Returns: void

Example

TS

setlabelstyle(){
     
     //Do something
     this.linearIns.widget.setLabelStyle();

}

setLabelXDistanceFromScale()

To set setLabelXDistanceFromScale

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.labelIndex	number	value for the Gauge
HTML arguemnt.value	number	Label XDistance From Scale for Gauge

Returns: void

Example

TS

setlabelxdistancefromscale(){
     
     //Do something
     this.linearIns.widget.setLabelXDistanceFromScale();

}

setLabelYDistanceFromScale()

To set setLabelYDistanceFromScale

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.labelIndex	number	value for the Gauge
HTML arguemnt.value	number	Label YDistance From Scale for Gauge

Returns: void

Example

TS

setlabelydistancefromscale(){
     
     //Do something
     this.linearIns.widget.setLabelYDistanceFromScale();

}

setMajorIntervalValue()

To set setMajorIntervalValue

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML arguemnt.value	number	Major Interval Value for Gauge

Returns: void

Example

TS

setmajorintervalvalue(){
     
     //Do something
     this.linearIns.widget.setMajorIntervalValue();

}

setMarkerStyle()

To set setMarkerStyle

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge
HTML arguemnt.value	string	marker Style for Gauge

Returns: void

Example

TS

setmarkerstyle(){
     
     //Do something
     this.linearIns.widget.setMarkerStyle();

}

setMaximumValue()

To set setMaximumValue

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML arguemnt.value	number	MaximumValue for Gauge

Returns: void

Example

TS

setmaximumvalue(){
     
     //Do something
     this.linearIns.widget.setMaximumValue();

}

setMinimumValue()

To set setMinimumValue

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML arguemnt.value	number	MinimumValue for Gauge

Returns: void

Example

TS

setminimumvalue(){
     
     //Do something
     this.linearIns.widget.setMinimumValue();

}

setMinorIntervalValue()

To set setMinorIntervalValue

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML arguemnt.value	number	Minor Interval Value for Gauge

Returns: void

Example

TS

setminorintervalvalue(){
     
     //Do something
     this.linearIns.widget.setMinorIntervalValue();

}

setPointerDistanceFromScale()

To set setPointerDistanceFromScale

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge
HTML arguemnt.value	number	for Gauge

Returns: void

Example

TS

setpointerdistancefromscale(){
     
     //Do something
     this.linearIns.widget.setPointerDistanceFromScale();

}

setPointerHeight()

To set PointerHeight

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge
HTML arguemnt.height	number	for Gauge

Returns: void

Example

TS

setpointerheight(){
     
     //Do something
     this.linearIns.widget.setPointerHeight();

}

setPointerPlacement()

To set setPointerPlacement

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge
HTML arguemnt.value	number	pointer placement for Gauge

Returns: void

Example

TS

setpointerplacement(){
     
     //Do something
     this.linearIns.widget.setPointerPlacement();

}

setPointerValue()

To set PointerValue

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge
HTML arguemnt.value	number	Pointer value for Gauge

Returns: void

Example

TS

setpointervalue(){
     
     //Do something
     this.linearIns.widget.setPointerValue();

}

setPointerWidth()

To set PointerWidth

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.pointerIndex	number	pointerIndex value for the Gauge
HTML arguemnt.width	number	Pointer width for Gauge

Returns: void

Example

TS

setpointerwidth(){
     
     //Do something
     this.linearIns.widget.setPointerWidth();

}

setRangeBorderWidth()

To set setRangeBorderWidth

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.rangeIndex	number	rangeIndex value for the Gauge
HTML arguemnt.value	number	Range Border Width for Gauge

Returns: void

Example

TS

setrangeborderwidth(){
     
     //Do something
     this.linearIns.widget.setRangeBorderWidth();

}

setRangeDistanceFromScale()

To set setRangeDistanceFromScale

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.rangeIndex	number	rangeIndex value for the Gauge
HTML arguemnt.value	number	Range Distance FromScale for Gauge

Returns: void

Example

TS

setrangedistancefromscale(){
     
     //Do something
     this.linearIns.widget.setRangeDistanceFromScale();

}

setRangeEndValue()

To set setRangeEndValue

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.rangeIndex	number	rangeIndex value for the Gauge
HTML arguemnt.value	number	Range end value for Gauge

Returns: void

Example

TS

setrangeendvalue(){
     
     //Do something
     this.linearIns.widget.setRangeEndValue();

}

setRangeEndWidth()

To set setRangeEndWidth

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.rangeIndex	number	rangeIndex value for the Gauge
HTML arguemnt.value	number	Range End Width for Gauge

Returns: void

Example

TS

setendwidth(){
     
     //Do something
     this.linearIns.widget.setEndWidth();

}

setRangePosition()

To set setRangePosition

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.rangeIndex	number	rangeIndex value for the Gauge
HTML arguemnt.value	number	Range Position for Gauge

Returns: void

Example

TS

setrangeposition(){
     
     //Do something
     this.linearIns.widget.setRangePosition();

}

setRangeStartValue()

To set setRangeStartValue

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.rangeIndex	number	rangeIndex value for the Gauge
HTML arguemnt.value	number	range start value for Gauge

Returns: void

Example

TS

setrangestartvalue(){
     
     //Do something
     this.linearIns.widget.setRangeStartValue();

}

setRangeStartWidth()

To set setRangeStartWidth

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.rangeIndex	number	rangeIndex value for the Gauge
HTML arguemnt.value	number	Range Start Width for Gauge

Returns: void

Example

TS

setstartwidth(){
     
     //Do something
     this.linearIns.widget.setStartWidth();

}

setScaleBarLength()

To set setScaleBarLength

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML arguemnt.value	number	Scale Bar Length for Gauge

Returns: void

Example

TS

setscalebarlength(){
     
     //Do something
     this.linearIns.widget.setScaleBarLength();

}

setScaleBarSize()

To set setScaleBarSize

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML arguemnt.value	number	ScaleBarSize for Gauge

Returns: void

Example

TS

setscalebarsize(){
     
     //Do something
     this.linearIns.widget.setScaleBarSize();

}

setScaleBorderWidth()

To set setScaleBorderWidth

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML arguemnt.value	number	Scale Border Width for Gauge

Returns: void

Example

TS

setscaleborderwidth(){
     
     //Do something
     this.linearIns.widget.setScaleBorderWidth();

}

setScaleDirection()

To set setScaleDirection

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML arguemnt.value	number	Scale Direction for Gauge

Returns: void

Example

TS

setscaledirection(){
     
     //Do something
     this.linearIns.widget.setScaleDirection();

}

setScaleLocation()

To set setScaleLocation

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML arguemnt.value	object	Scale position for Gauge

Returns: void

Example

TS

setscalelocation(){
     
     //Do something
     this.linearIns.widget.setScaleLocation();

}

setScaleStyle()

To set setScaleStyle

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML arguemnt.value	number	for Gauge

Returns: void

Example

TS

setscalestyle(){
     
     //Do something
     this.linearIns.widget.setScaleStyle();

}

setTickAngle()

To set setTickAngle

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.TickIndex	number	value for the Gauge
HTML arguemnt.angle	number	Tick Angle for Gauge

Returns: void

Example

TS

settickangle(){
     
     //Do something
     this.linearIns.widget.setTickAngle();

}

setTickHeight()

To set setTickHeight

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.TickIndex	number	value for the Gauge
HTML arguemnt.value	number	Tick Height for Gauge

Returns: void

Example

TS

settickheight(){
     
     //Do something
     this.linearIns.widget.setTickHeight();

}

setTickPlacement()

To set setTickPlacement

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.TickIndex	number	value for the Gauge
HTML arguemnt.value	number	Tick Placement for Gauge

Returns: void

Example

TS

settickplacement(){
     
     //Do something
     this.linearIns.widget.setTickPlacement();

}

setTickStyle()

To set setTickStyle

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.TickIndex	number	value for the Gauge
HTML arguemnt.value	string	Tick Style for Gauge

Returns: void

Example

TS

settickstyle(){
     
     //Do something
     this.linearIns.widget.setTickStyle();

}

setTickWidth()

To set setTickWidth

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.TickIndex	number	value for the Gauge
HTML arguemnt.value	number	Tick Width for Gauge

Returns: void

Example

TS

settickwidth(){
     
     //Do something
     this.linearIns.widget.setTickWidth();

}

setTickXDistanceFromScale()

To set setTickXDistanceFromScale

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.TickIndex	number	value for the Gauge
HTML arguemnt.value	number	Tick XDistance From Scale for Gauge

Returns: void

Example

TS

settickxdistancefromscale(){
     
     //Do something
     this.linearIns.widget.setTickXDistanceFromScale();

}

setTickYDistanceFromScale()

To set setTickYDistanceFromScale

Name	Type	Description
HTML argument.scaleIndex	number	scaleIndex value for the Gauge
HTML argument.TickIndex	number	value for the Gauge
HTML arguemnt.value	number	Tick YDistance From Scale for Gauge

Returns: void

Example

TS

settickydistancefromscale(){
     
     //Do something
     this.linearIns.widget.setTickYDistanceFromScale();

}

Events

drawBarPointers

Triggers while the bar pointer are being drawn on the gauge.

Name	Type	Description
HTML object	object	returns the object of the gauge.
HTML cancel	boolean	returns the cancel option value
HTML context	object	returns the context element
HTML position	object	returns the startX and startY of the pointer
HTML Model	object	returns the gauge model
HTML scaleElement	object	returns the options of the scale element.
HTML scaleIndex	number	returns the scaleIndex to which the pointer belongs.
HTML style	string	returns the pointer style
HTML barElement	object	returns the current Bar pointer element.
HTML barPointerIndex	number	returns the index of the bar pointer.
HTML PointerValue	number	returns the value of the bar pointer.
HTML type	object	returns the name of the event

Example

TS

ondrawbarpointers(sender){
     
     //Do something

}

HTML

<ej-lineargauge id="events" (drawBarPointers)="ondrawbarpointers($event)">
</ej-lineargauge>

drawCustomLabel

Triggers while the customLabel are being drawn on the gauge.

Name	Type	Description
HTML object	object	returns the object of the gauge.
HTML cancel	boolean	returns the cancel option value
HTML context	object	returns the context element
HTML position	object	returns the startX and startY of the customLabel
HTML Model	object	returns the gauge model
HTML scaleElement	object	returns the options of the scale element.
HTML scaleIndex	number	returns the scaleIndex to which the pointer belongs.
HTML style	object	returns the customLabel style
HTML customLabelElement	object	returns the current customLabel element.
HTML customLabelIndex	number	returns the index of the customLabel.
HTML type	object	returns the name of the event

Example

TS

ondrawcustomlabel(sender){
     
     //Do something

}

HTML

<ej-lineargauge id="events" (drawCustomLabel)="ondrawcustomlabel($event)">
</ej-lineargauge>

drawIndicators

Triggers while the Indicator are being drawn on the gauge.

Name	Type	Description
HTML object	object	returns the object of the gauge.
HTML cancel	boolean	returns the cancel option value
HTML context	object	returns the context element
HTML position	object	returns the startX and startY of the Indicator
HTML Model	object	returns the gauge model
HTML scaleElement	object	returns the options of the scale element.
HTML scaleIndex	number	returns the scaleIndex to which the pointer belongs.
HTML style	string	returns the Indicator style
HTML IndicatorElement	object	returns the current Indicator element.
HTML IndicatorIndex	number	returns the index of the Indicator.
HTML type	object	returns the name of the event

Example

TS

ondrawindicators(sender){
     
     //Do something

}

HTML

<ej-lineargauge id="events" (drawIndicators)="ondrawindicators($event)">
</ej-lineargauge>

drawLabels

Triggers while the label are being drawn on the gauge.

Name	Type	Description
HTML object	object	returns the object of the gauge.
HTML cancel	boolean	returns the cancel option value
HTML context	object	returns the context element
HTML position	object	returns the startX and startY of the label
HTML Model	object	returns the gauge model
HTML scaleElement	object	returns the options of the scale element.
HTML scaleIndex	number	returns the scaleIndex to which the label belongs.
HTML style	string	returns the label style
HTML label	object	returns the label style Name Type Description HTML angle number returns the angle of the label. HTML element object returns the current label element. HTML index number returns the index of the label. HTML value number returns the label value of the label.
HTML type	object	returns the name of the event

Example

TS

ondrawlabels(sender){
     
     //Do something

}

HTML

<ej-lineargauge id="events" (drawLabels)="ondrawlabels($event)">
</ej-lineargauge>

drawMarkerPointers

Triggers while the marker are being drawn on the gauge.

Name	Type	Description
HTML object	object	returns the object of the gauge.
HTML cancel	boolean	returns the cancel option value
HTML context	object	returns the context element
HTML position	object	returns the startX and startY of the pointer
HTML Model	object	returns the gauge model
HTML scaleElement	object	returns the options of the scale element.
HTML scaleIndex	number	returns the scaleIndex to which the pointer belongs.
HTML style	string	returns the ticks style
HTML markerElement	object	returns the current marker pointer element.
HTML markerPointerIndex	number	returns the index of the marker pointer.
HTML pointerValue	number	returns the value of the marker pointer.
HTML pointerAngle	number	returns the angle of the marker pointer.
HTML type	object	returns the name of the event

Example

TS

ondrawmarkerpointers(sender){
     
     //Do something

}

HTML

<ej-lineargauge id="events" (drawMarkerPointers)="ondrawmarkerpointers($event)">
</ej-lineargauge>

drawRange

Triggers while the range are being drawn on the gauge.

Name	Type	Description
HTML object	object	returns the object of the gauge.
HTML cancel	boolean	returns the cancel option value
HTML context	object	returns the context element
HTML position	object	returns the startX and startY of the range
HTML Model	object	returns the gauge model
HTML scaleElement	object	returns the options of the scale element.
HTML scaleIndex	number	returns the scaleIndex to which the pointer belongs.
HTML style	string	returns the range style
HTML rangeElement	object	returns the current range element.
HTML rangeIndex	number	returns the index of the range.
HTML type	object	returns the name of the event

Example

TS

ondrawrange(sender){
     
     //Do something

}

HTML

<ej-lineargauge id="events" (drawRange)="ondrawrange($event)">
</ej-lineargauge>

drawTicks

Triggers while the ticks are being drawn on the gauge.

Name	Type	Description
HTML object	object	returns the object of the gauge.
HTML cancel	boolean	returns the cancel option value
HTML context	object	returns the context element
HTML position	object	returns the startX and startY of the ticks
HTML Model	object	returns the gauge model
HTML scaleElement	object	returns the options of the scale element.
HTML scaleIndex	number	returns the scaleIndex to which the tick belongs.
HTML style	string	returns the ticks style
HTML tick	object	returns the ticks style Name Type Description HTML angle number returns the angle of the tick. HTML element object returns the current tick element. HTML index number returns the index of the tick. HTML value number returns the tick value of the tick.
HTML type	object	returns the name of the event

Example

TS

ondrawticks(sender){
     
     //Do something

}

HTML

<ej-lineargauge id="events" (drawTicks)="ondrawticks($event)">
</ej-lineargauge>

init

Triggers when the gauge is initialized.

Name	Type	Description
HTML object	object	returns the object of the gauge.
HTML cancel	boolean	returns the cancel option value
HTML Model	object	returns the gauge model
HTML scaleElement	object	returns the entire scale element.
HTML context	object	returns the context element
HTML type	string	returns the name of the event

Example

TS

oninit(sender){
     
     //Do something

}

HTML

<ej-lineargauge id="events" (init)="oninit($event)">
</ej-lineargauge>

load

Triggers while the gauge start to Load.

Name	Type	Description
HTML object	object	returns the object of the gauge.
HTML cancel	boolean	returns the cancel option value
HTML Model	object	returns the gauge model
HTML scaleElement	object	returns the entire scale element.
HTML context	object	returns the context element
HTML type	object	returns the name of the event

Example

TS

onload(sender){
     
     //Do something

}

HTML

<ej-lineargauge id="events" (load)="onload($event)">
</ej-lineargauge>

mouseClick

Triggers when the left mouse button is clicked.

Name	Type	Description
HTML object	object	returns the object of the gauge.
HTML cancel	boolean	returns the cancel option value
HTML model	object	returns the gauge model
HTML type	object	returns the name of the event
HTML scaleElement	object	returns the scale element.
HTML scaleIndex	number	returns the scaleIndex to which the pointer belongs.
HTML context	object	returns the context element* @param {Object} args.markerpointer returns the context element
HTML markerpointerindex	number	returns the pointer Index
HTML markerpointerelement	object	returns the pointer element.
HTML markerpointervalue	number	returns the value of the pointer.
HTML style	string	returns the pointer style
HTML position	object	returns the startX and startY of the pointer.

Example

TS

onmouseclick(sender){
     
     //Do something

}

HTML

<ej-lineargauge id="events" (mouseClick)="onmouseclick($event)">
</ej-lineargauge>

mouseClickMove

Triggers when clicking and dragging the mouse pointer over the gauge pointer.

Name	Type	Description
HTML object	object	returns the object of the gauge.
HTML cancel	boolean	returns the cancel option value
HTML model	object	returns the gauge model
HTML type	object	returns the name of the event
HTML scaleElement	object	returns the scale element.
HTML scaleIndex	number	returns the scaleIndex to which the pointer belongs.
HTML context	object	returns the context element
HTML markerpointer	object	returns the context element Name Type Description HTML index number returns the pointer Index HTML element object returns the pointer element. HTML value number returns the value of the pointer.
HTML style	string	returns the pointer style
HTML position	object	returns the startX and startY of the pointer.

Example

TS

onmouseclickmove(sender){
     
     //Do something

}

HTML

<ej-lineargauge id="events" (mouseClickMove)="onmouseclickmove($event)">
</ej-lineargauge>

mouseClickUp

Triggers when the mouse click is released.

Name	Type	Description
HTML object	object	returns the object of the gauge.
HTML cancel	boolean	returns the cancel option value
HTML model	object	returns the gauge model
HTML type	object	returns the name of the event
HTML scaleElement	object	returns the scale element.
HTML scaleIndex	number	returns the scaleIndex to which the pointer belongs.
HTML context	object	returns the context element* @param {Object} args.markerpointer returns the context element
HTML markerpointerIndex	number	returns the pointer Index
HTML markerpointerElement	object	returns the pointer element.
HTML markerpointerValue	number	returns the value of the pointer.
HTML style	string	returns the pointer style
HTML position	object	returns the startX and startY of the pointer.

Example

TS

onmouseclickup(sender){
     
     //Do something

}

HTML

<ej-lineargauge id="events" (mouseClickUp)="onmouseclickup($event)">
</ej-lineargauge>

renderComplete

Triggers while the rendering of the gauge completed.

Name	Type	Description
HTML object	object	returns the object of the gauge.
HTML cancel	boolean	returns the cancel option value
HTML Model	object	returns the gauge model
HTML scaleElement	object	returns the entire scale element.
HTML context	object	returns the context element
HTML type	object	returns the name of the event

Example

TS

onrendercomplete(sender){
     
     //Do something

}

HTML

<ej-lineargauge id="events" (renderComplete)="onrendercomplete($event)">
</ej-lineargauge>