Guage not visible when viewed on Mozilla Firefox

[newuserParticipant]

JQXGuage is not visible properly when viewed on Mozilla Firefox. How to fix it ?

[HristoParticipant]

Hello newuser,

Our page with jqxGauge demos looks ok in Firefox. Could you give more details what is your jQWidgets and Firefox versions?

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[newuserParticipant]

Hi

We are using 40.0.2 version of Firefox. and the jqxWidget we are using is jqxguage. Below is the code where jqxguage is getting created dynamically.

The code:

$(“#jqxgrid”).on(‘cellselect’, function (event) {
var row = event.args.rowindex;
var datafield = event.args.datafield;
var datarow = $(“#jqxgrid”).jqxGrid(‘getrowdata’, row);
var temp = datarow.Applications;
// console.log(“temp “+temp);
$scope.appName = temp
$(“#gaugeContainer”).show();
$(‘#gaugeContainer’).jqxGauge({
ranges: [{ startValue: 0, endValue: 3, style: { fill: ‘#e02629’, stroke: ‘#e02629’ }, endWidth: 7, startWidth: 7 },
{ startValue: 3, endValue: 6, style: { fill: ‘#ff8000’, stroke: ‘#ff8000’ }, endWidth: 7, startWidth: 7 },
{ startValue: 6, endValue: 10, style: { fill: ‘#4bb648’, stroke: ‘#4bb648’ }, endWidth: 7, startWidth: 7 }],
ticksMinor: { interval: 0.5, size: ‘5%’ },
ticksMajor: { interval: 1, size: ‘9%’ },
min: 0,
max: 10,
width: 120,
height: 120,
colorScheme: ‘scheme05’,
animationDuration: 300
});

[newuserParticipant]

one mistake

The firefox version is 49.0.2

[newuserParticipant]

The firefox version is 49.0.2.

The Guage circle is visible in firefox but the inner contents i.e the dial is not visible. I can only see the circle.

Please help!

[newuserParticipant]

Hi,

The JQXWidget version is jQWidgets v3.9.1 (2015-Oct) and firefox version is 49.0.2.

Regards,

[HristoParticipant]

Hello newuser,

It could be possible to looks strange because of use too small size for the Gauge.
Try to create in the bigger size.
Please, take a look at this example, test in Firefox:
https://www.jseditor.io/?key=gauge-example
Also, I would like to suggest you update to the latest version.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[newuserParticipant]

Hi

The width and height of the guage which I am using is width: 120, height: 120. In the link that you have sent I can see the guage working in Firefox even I keep the size very small. Then why it is not visible in my application ?

Can it be due to the jqxwidget version ?

[newuserParticipant]

Even if I increase the size of the guage it is not visible in firefox. I can see only the circle. Is there any CSS fix to make it visible in firefox ?

[newuserParticipant]

Hi,

Thanks it worked when I changed the jqxwidget version to the latest version. However I could not like to see the numbers in the guage. Is it possible to make the numbers invisible ?

[newuserParticipant]

After updating the version of jqxwidgets to the latest version I can see the jqxGuage in Firefox but I am not able to see the tick in firefox. However it appears in chrome and Internet Explorer.

[newuserParticipant]

The pointer of the jqxguage is not visible in firefox after updating the version.

[HristoParticipant]

Hello newuser

The provided example looks ok in Firefox.
About “how to make the numbers invisible” use this visible: false, in the labels property.
I would like to suggest you update to the latest version.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[newuserParticipant]

Hi,

The problem is not with the number labels but with the pointer. Everything is visible except the pointer of the JQXGuage when I am opening the page in Firefox.

[newuserParticipant]

Hi,

I updated to the latest version. Now I could see everything in the Guage when I am seeing the Guage in Firefox except the Pointer. Even if I am increasing the size of the Guage I could not see the pointer.

Regards,

[Author]

Posts