[iwagnerParticipant]

Mine looks like this with an opening at the bottom ..

<!– KNOB –>
<div id=”knob-container”>
<jqxKnob height=”250″ width=”250″ #myKnob (onChange)=”onChange($event)” [value]=”startValue”
[min]=”minValue” [max]=”maxValue” [startAngle]=”120″ [endAngle]=”420″ [snapToStep]=”false”
[rotation]=”‘clockwise'” [style]=”style” [marks]=”marks” [labels]=”labels”
[progressBar]=”progressBar” [pointer]=”pointer” [disabled]=”false”>
</jqxKnob>

style: any =
{
stroke: ‘#dfe3e9’, strokeWidth: .5,
fill: {
color: ‘#fefefe’, gradientType: “linear”,
gradientStops: [[0, 1], [50, 0.9], [100, 1]]
}
};
marks: any =
{
colorRemaining: { color: ‘grey’, border: ‘grey’ },
colorProgress: { color: ‘#00a4e1’, border: ‘#00a4e1’ },
type: ‘line’, offset: ‘71%’, thickness: 3, size: ‘4%’,
majorSize: ‘6%’, majorInterval: 1, minorInterval: .5
};
labels: any =
{
offset: ‘88%’,
step: 1,
visible: true
};
progressBar: any =
{
style: { fill: ‘#00a4e1’, stroke: ‘grey’ },
size: ‘9%’, offset: ‘60%’,
background: { fill: ‘grey’, stroke: ‘grey’ }
};
pointer: any =
{
type: ‘arrow’, style: { fill: ‘#00a4e1’, stroke: ‘grey’ },
size: ‘59%’, offset: ‘49%’, thickness: 20
};

[iwagnerParticipant]

I tried your fix and that does not work in my case. Hopefully someone looks into this issue.

[iwagnerParticipant]

I’m running into the same issue with jqxknob since upgrading to Angular 13.0.1, it was working for version 12.2.3. Still testing before buying a license.

[Author]

Posts