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 Hristo ,

I am using linearGauge i need to reduce the backingBrush , backingOutline size i need only the brush view only

here i attached the image. please check the image hide black color area and show only the brush image

Is it possible to view in linearguage please reply me.

Thanks in advance

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

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

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