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

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

Hello Hristo,

how can i using gradiant color?

I am using this below code for lineargauge

    minimumValue: 0,
    maximumValue: 1000,
    ranges: [
    {
    startValue: 0, endValue: 350, name: "range1", brush: "#005000"
    },
    {
    startValue: 350, endValue: 550, name: "range2", brush: "#006000"
    },
    {
    startValue: 550, endValue: 700, name: "range3", brush: "#007000"
    },
    {
    startValue: 700, endValue: 725, name: "range4", brush: "#008000"
    },
    {
    startValue: 725, endValue: 800, name: "range5", brush: "#009000"
    },
    ]

Please check the attached screen sort for my requirement

Thanks in Advance

Robin Bronston D