y6?axƻ]$Y6gO䮠'>;YPMJ8I0bIi lÄUvfrI:_phoߦjAR|YBelg gƏmtdhdE̤S36  bIB4mݛ‡BWȉ^RK BUw5ޏY \8UJUAV{>/w>O&N)~!,L"y&Nn,+'RJeܜ]w_Gqy.+2At[F#(U1@_ζP}e=S2^12'a\83w^ݴUD$|euU_qe :*zˢ ayRcx|oWrCn1@ˡX&Z{Dg!}"TpƄ['SQ.Vժ7ƒ0l\m+MXᄲ֟3~_rpOAFl)K3i%ܔJA|l?o,#on \2G3zu,M·_h co|' I؊8S4wg#M>ІRiG0P3DKaOL$I8lqh]|38[oAgA+ f+*9^ҘvTkr û:Jo~L=g4ռrk$Vi)\,!QSxxW[,keMxC(ZpQ6j2EOT^Q=vp.J'JXMI%Mxb>)! :W%)f?Au%3~_rpLrehK2@@:E k9m!퓥kr5⤲^ oM1f b۪bi&hɾYR ̒Ja s$WxuAs[!"v5b6ZyH$HIơg^'SQ.Vժ7ƒpeO\9go/%l;o?l.Cf< +E"UHhA;%9㩢/Hg^.Q' "e.I3z#w_Sumii .vo.ZUx4qފw#)!gHoqE|8}b懓 y)Tf,E~>pgtPh]g %O뙳7 &jCpGyJKaOov~zD BֱfDJk!`Ԁ׳=7.S.!SBH?;(I\^P9 KYrg<Qr@ M<" k9+g<.O[b"aݞkHy;wǥ"1 TQ͙|ѓw-$B jd1=ԢmO UPE6rf]VG9+񏐧L`BPAl\\>9o[ \y+,H}AxkqVy$6n_#P(|0ʷiwd`-pgͬ}Ux"h4E~p,$Tl jyHݼfQo ,z3"-cFCĶWt<7y"ʪW΁ef-ʫTGc[ m\ fse (I,02c%gns77K |6b%B}M8iuq(-|$2XmVz(2]?=^-3u(tTdc52R]?IYUFo|{fR)7oAЧOA]95b*_DQP^NΆ* h4( sOQ ){?+2~'YiѤ${8&ߦx.LZ|؏K=p|JąO6"-cFCĶE`*Ja0>=K?^4[猒DQP^NΆ* h41g_~bA=kp!u|$RI8nn&,`\f5dI3гKt O58nn&,`\fp>л7RPFpX-"-cFCĶuq>Y!lWw L`j (AM#ոEtDYug-rpcbgP+-A!Ɖg2eBVq]XW2R d$4JO 8nn&,`\fD8DBP ؄"g+ 1I$:ۼTkqDŽ8nn&,`\fgr:Qr CoX.p$9?HCoK-]=` ,@h17~pH~4 6 s %<l%S򴞒_ 6:='ht!`1(;%_LUx"I;6&0k!(_E1 PHb8Lqͻ5BRށŪTNkO ~{'SFmO.8yawqQoyvWhrWc6À=MK8jFR)VOΒ-u9{V!d(4RdTn)DXj߹hz(|O,$$vi6SKMK*AbIO톄GLHv,w<OӅ0<W]= $x/m %{0MXQuD{;uEU*sꮞG)=x/m %{0w<OӅ0<T7N!S<aջ-⃱ێyc]pgt__2q)P{S ?5``C;pa/uuSCNM^u)V/ ؂l@-To9mDQP^NΆ* h4Z4BKE ƧCB}m9Q"fXH BV9`Q0BK[6bK#w width: 300, height: 300, endAngle: 350, snapToStep: true, pointerGrabAction: 'progressBar', rotation: 'clockwise', style: { fill: 'transparent' }, progressBar: { style: { fill: '#ef6100', stroke: '#ef6100' }, size: '18%', offset: '78%', background: { fill: '#cfd0d4', stroke: '#cfd0d4' } }, pointer: { type: 'line', visible: false, style: { fill: '#33AADD' }, size: '18%', offset: '78%', thickness: 0 } }); $(knob2).append(knob3); $('#knob3').jqxKnob({ value: startValue3, min: 0, max: 100, startAngle: 10, width: 300, height: 300, endAngle: 170, snapToStep: true, pointerGrabAction: 'progressBar', rotation: 'clockwise', style: { fill: 'transparent' }, progressBar: { style: { fill: '#18a25e', stroke: '#18a25e' }, size: '18%', offset: '78%', background: { fill: '#cfd0d4', stroke: '#cfd0d4' } }, pointer: { type: 'line', visible: false, style: { fill: '#00a4e1' }, size: '18%', offset: '78%', thickness: 0 } }); // Add label element to the Knob widget and attach event handlers to update them when the widget value updates. // Note that labels need not be sub elements of the knobs, and they are there just to display that they can be. $('#knobContainer').append(input); $('#knob2').append(input2); $('#knob3').append(input3); $('#knobContainer').on('change', function (event) { var html = 'All' + event.args.value + 'Calls'; $(input).html(html); }); $('#knob2').on('change', function (event) { var html = '
Resolved Issues
' + event.args.value + '
'; $(input2).html(html); event.stopPropagation(); }); $('#knob3').on('change', function (event) { var html = '
' + event.args.value + '
Pending Issues
'; $(input3).html(html); event.stopPropagation(); }); $(input).html('All' + startValue1 + 'Calls'); $(input2).html('
Resolved Issues
' + startValue2 + '
'); $(input3).html('
' + startValue3 + '
Pending Issues
'); });