jqxLinearGauge

[ae50042Participant]

Hi guys,

I would like to know how set interval label for my jqxLinearGauge. Values are:

Min value = 0
Max value = 14
Low Threshold = 3.54
Hight Threshold = 7.89
Value = 5.27

I would like to set my jqxLinearGauge, showing me labels for the values provided above. Looking at the API, I see there is a labels property with a format function, could someone tell if this is the right way or there is another solution. My idea is set the interval to 0.01, allowing to iterate over all values showed into the jqxLinearGauge.

$('#gaugeContainer').jqxLinearGauge({
    max: 14,
    min: 0,
    colorScheme: 'scheme02',
    pointer: {pointerType:'arrow'},
    labels: {visible: true} ,
    ticksMajor: {
        size: '10%',
        interval: 10
    },
    ticksMinor: {
        size: '5%',
        interval: 2.5,
        style: {
            'stroke-width': 1,
            stroke: '#aaaaaa'
        }
    },
    ranges: [{
        startValue: 0,
        endValue: 3.54,
        style: {
            fill: '#FFA200',
            stroke: '#FFA200'
        }
    }, {
        startValue: 7.89,
        endValue: 14,
        style: {
            fill: '#FF4800',
            stroke: '#FF4800'
        }
    }],
	value:5.27
});

[HristoParticipant]

Hello ae50042,

You could use interval member of the labels property:
labels: { visible: true, interval: 2 },
I would like to look at this tutorial, could be useful.
I hope this will help.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts