I have try to fix inthe color changing using
brush: "#009900" code

Please any one help me to solve the igLinearGauge for showing amount values i don't want any Measurement line i need only fill colours i dont want to show the minorTick and Tick is it possible to view only colors in the panel  using javascript html

Thanks in advance
Robin Bronston D

Have the same problem too. Hope someone will help us!

I want the same information...

Hope someone answer soon :)!

Hi Robin,

I ran the sample on Chrome and Safari and it seems fine. Only thing that is missing is the labels, because the setting labelExtent 1 moves them out of sight. Removing this setting will show the labels as well. Please see below the screenshot from Safari 10.1.2 (12603.3.8):

Hristo

Hello Histo

I am facing problem when i am seeing mac machine the linearguage not showing but show only background color

here are my code

$("#lineargauge").igLinearGauge({
        height: "15px",
        width: "100%",
        minimumValue: 0,
        maximumValue: 300,
        isScaleInverted:false,
        tickStrokeThickness:0,
        minorTickCount:0,
        labelInterval: "100",
        labelExtent: "1",
        tickEndExtent: "0.1",
        tickStartExtent: "0.1",  
        rangeOuterExtent:"-1",
        rangeInnerExtent:1,
        scaleStartExtent:0,
        scaleEndExtent:1,
        backingBrush:'#DDD',
        backingOutline:'#DDD',
        ranges:  [{ "startValue": 0, "endValue": 75, "name": "range0", "brush": { "type": "linearGradient", "colorStops": [{ "color": "#FF0000", "offset": 0 }, { "color": "#FEC203", "offset": 1 }], "startPoint": { "x": 0, "y": ".1" }, "endPoint": { "x": 1, "y": ".1" } } },{ "startValue": 75, "endValue": 150, "name": "range1", "brush": { "type": "linearGradient", "colorStops": [{ "color": "#FEC203", "offset": 0 }, { "color": "#FEC203", "offset": 1 }], "startPoint": { "x": 0, "y": ".1" }, "endPoint": { "x": 1, "y": ".1" } } },{ "startValue": 150, "endValue": 150, "name": "range2", "brush": { "type": "linearGradient", "colorStops": [{ "color": "#FEC203", "offset": 0 }, { "color": "#FEFC03", "offset": 1 }], "startPoint": { "x": 0, "y": ".1" }, "endPoint": { "x": 1, "y": ".1" } } }]
        });

Please suggest me

Thanks in Advance

Hello Histo,

Thanks for your reply its working good.

its really help for me.

Thanks.

Robin Bronston D