change the Labels color.

[JoopCParticipant]

How can I change the color of the labels of the Gauge?

I tried this in JSfiddle:

$(‘#jqxbutton’).click(function () {
$(‘#gaugeContainer’).jqxGauge({
labels:
{
distance: ’50px’,
position: ‘inside’,
interval: 20,
offset: [0, -10],
visible: true,

style: { ‘theme-specific-color’: ‘#C13636’ },

formatValue: function (value) {
return value;
}
}
});
});

the help write for the Labels (it is talking about pointer style in the Labels):
‘style’ – specifies the gauge’s pointer style. Here you can set it’s fill or stroke color

[NadezhdaParticipant]

Hello JoopC,

You can change labels color via css as it is shown in the following example: http://jsfiddle.net/n8yk849o/.

Best Regards,
Nadezhda

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

[JoopCParticipant]

Nadezhda, thank you for the solution.

But in your solution all the gauges labels and captions will paint in the same color.

In the GAUGE API reference, the labels has a Style propertie where we can change the color etc but that will not work.
It is strange that we can change every color etc of all the properties for every Gauge seperate but not for the Caption and Labels.
Is that a glitch? When that is technicly not possible it does not matter, but we wish yes.

Thank you in advance for this beautifull program.

[NadezhdaParticipant]

Hi JoopC,

Thank you for your feedback. We will investigate this behaviour and if we confirm it as an issue, we will fix it as soon as possible.

Best Regards,
Nadezhda

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

[Author]

Posts