[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

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]

Hi,

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

Regards,

[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]

one mistake

The firefox version is 49.0.2

[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
});

[Author]

Posts