.&1|?" {}:+dt 4BEn!3_${Eڞtڹċ.5[ognjZdjdή8.$wpM:!h2EnT GWRǾqbDdOPeLh/"xңi"2ȓ.NgQcQ`̬C{63 x;(Yw2m *])6"Jֻ 5Ay\c"i(eLO^<^3) 7=`&LfiB)=S]+93-@M(uHmnts>"wwAUdFojDQ e#C>8FP("d= =a~vK&& r ,1H0N!'5ޏY \8UJUAPA>ڋ_:\ pc\ׄڴ8z?.+q2]aovw׆yj $g.9Lax4'0N!'5ޏY \8UJUAPA>`Z SPw֒Ny߮y&xo2;e9ٖ~y6\2KȘ  jJH87]'.x|+*o*J*O%̆Q\H?LfiB)=S]+93-˴xRVI;)'k#w䛈A?U/:]ƭ.N>v2wu%TIe9fn#»MV&]95(<E;6Ju9k 9~F?6ևe 47#C Wſ4#:F[no8-c J;Xu=O;Y,qZ*|h3:VY 9 EWæu{KC˪f ̺ eVTU>t.;™^ppb7;Zvma{ogS;6Ju9k 9~F"gbF&ZRkjw’I8#F|h3:VY 9*S Ec#u%$!m=K<[ه uE6͖p$)"q_!ݲF)q3MxEm"!BK% 62Z:x9$|Д*öA&!V?p3nc^jX7tF,D@IF@3\˕+ZK$Q/5rl&DQP^NΆ* h4EЦlS`k6=مk^[%A4j(8 QotaOyuJϒ"&?T 4k_:=xe!/yPͣ2#Lb\!]ڤ9{E?ե4ڞK̘% Wom%G 3Ӫ3f_?%1ը%ܤG(p If5iAJA^Y/PuۄCf+k eqa8?0*h-6JKd1焉8nn&,`\fn?젣c/zKr00~ G0N d\r?G!)雔NX"S7 DD]DbҖ??&~.ДO_m gۇIEͮRaLW-֟'%58nn&,`\fRˆ%;v8nn&,`\f&;' \sCr;RS8$a0BE "-cFCĶt90v>ۙ9b@`<8nn&,`\fmvEP3՝voFScݼo0򾍪Bp8nn&,`\fEro[D!_c퉇;ŋ R8nn&,`\fbe \Q"-cFCĶk8עPMp kNilXc<]7yW9R x\uVU~ôn }8YC=N d}jձBxJ=W}7AP 8nn&,`\f8nn&,`\f|N6~m S̳KkᰴIc&xt|n+ q6#L΄m3BF|K J[Ce@ >jfO]S(A#O-ߕf8nn&,`\fW w|@8nn&,`\f,$ߪF;D6x8%{ťaXh,#Ƅ?wLjoɷ0$ ҾA1wTT2>J 76W|b;t}-VL6)n#/$w$=ZwӚ_AΥΌBBQD*¹򬸗<M0u DCNuHܶu .B~lqKlNf#l^)zodRlÃXZ!9] Xv2R<,B)yȡMSY#R'Ӗ?pMUƃUDI4«N(7%{I=2HbE\>L"h"F{QH<6Aqg79Xˀ'+iqZ'2'vi>|s++8TzTLbC0yҼ-)CB=˕fAѸ K˾8nn&,`\fG4ET/4>/:*~ɮo#8nn&,`\f1zT+L=&22T;3j0L0TJDQP^NΆ* h442q T/ɱ{z`8ȦX5dlǜ㎹1%}e\g+.@]#R'Ӗ?pMUƃU $('#sliderEndAngle').jqxSlider({ width: 240, min: 0, max: 360, value: 360 - 270, step: 1, ticksFrequency: 20, mode: 'fixed' }) .on('change', function (event) { var value = 360 - event.args.value; settings.seriesGroups[0].endAngle = value; chart.update(); }); // end angle slider $('#sliderRotate').jqxSlider({ width: 240, min: 0, max: 360, step: 1, ticksFrequency: 20, mode: 'fixed' }) .on('change', function (event) { var value = event.args.value; var endAngle = chart.seriesGroups[0].endAngle; if (isNaN(endAngle)) endAngle = 360; var startAngle = chart.seriesGroups[0].startAngle; if (isNaN(startAngle)) startAngle = 0; var diff = endAngle - startAngle; settings.seriesGroups[0].startAngle = value; settings.seriesGroups[0].endAngle = value + diff; chart.update(); }); // radius slider $('#sliderRadius').jqxSlider({ width: 240, min: 80, max: 140, value: 120, step: 1, ticksFrequency: 20, mode: 'fixed' }) .on('change', function (event) { var value = event.args.value; settings.seriesGroups[0].radius = value; chart.update(); }); $("#checkBoxTicksBetween").jqxCheckBox({ width: 120, height: 25, hasThreeStates: false, checked: false }); $("#checkBoxTicksBetween").on('change', function (event) { settings.xAxis.valuesOnTicks = !event.args.checked; chart.update(); }); $("#checkBoxAutoRotate").jqxCheckBox({ width: 120, height: 25, hasThreeStates: false, checked: true }); $("#checkBoxAutoRotate").on('change', function (event) { settings.xAxis.labels.autoRotate = event.args.checked; settings.valueAxis.labels.autoRotate = event.args.checked; chart.update(); }); });

Move the slider to change start angle:

Move the slider to change end angle:

Move the slider to rotate:

Move the slider to change the radius:

Tick marks between values
Auto rotate axis text