[timhortonsParticipant]

<div id="myGauge" aria-valuenow="0" aria-valuemin="0" aria-valuemax="220" aria-disabled="false" style="width: 352px; height: 0px;" class="jqx-widget"><div style="width: 352px; height: 0px;">

Some reason the height is being set to 0px, pressure gauge is not being displayed. If I manually change the css in chrome then I can see the gauge. Any reason why the height is 0px even though I set height and width to 100% as above.

[timhortonsParticipant]

I am getting the following error:
jqxdraw.js:7 Error: <circle> attribute r: A negative value is not valid. (“-2”)

Not sure how to go about resolving this?

[timhortonsParticipant]

Ok got it.

Thanks.

[timhortonsParticipant]

I can’t do that in the constructor because this.myGauge.value becomes undefined and component is not setup until OnInit.

[timhortonsParticipant]

Is there any other alternative way to set the background color of the linear gauge? I also tried with plain javaScript lineargauge other than Angular components. Same issue.

[timhortonsParticipant]

Same problem. This is not a new issue. I am using older verison of jqwidgets version 4.4. It doesn’t like the second element backgroundType:

this.myLinearGauge.background({ style: { stroke: ‘#cccccc’, fill: ‘#cccccc’ }, backgroundType: ‘rectangle’ });

[timhortonsParticipant]

jqWidgets 4.4 doesn’t like the

, backgroundType: ‘rectangle’

It complains on backgroundType in:

this.myLinearGauge.background({ style: { stroke: ‘#cccccc’, fill: ‘#cccccc’ }, backgroundType: ‘rectangle’ });

It just tried with

this.myLinearGauge.background({ style: { stroke: ‘#cccccc’, fill: ‘#cccccc’ } });

and background is black on the linearGauge. Bummer.

[Author]

Posts