last Guage in $('.jqx-gauge-label').css not being set

[EuanParticipant]

When I use the line below all guages except the last will have the label colors updated.

When the page loads it momentarily flashes white then returns to the normal colour. any idea?

$('.jqx-gauge-label').css({ "fill": "white", "color": "white" });

Here’s a fiddle: https://jsfiddle.net/wmuyg0y2/

[DimitarParticipant]

Hello Euan,

This happens because of the third gauge’s initialization delay. You can do the following:

setTimeout(function () {
    $('.jqx-gauge-label').css({
        "fill": "white",
        "color": "white"
    });
}, 100);

or, as we recommend, use CSS only:

.jqx-gauge-label {
    fill: white;
    color: white;
}

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[EuanParticipant]

Thanks very much. That seems logical, day one of trying to do real javascripting… Css option clearly makes sense as the logical solution.

[Author]

Posts