.&1|?" {}:+dt 4BEn!3_${Eڞtڹċ.5[ognjZ.XPl=Yr.cW j+U`Op&yC'9; ̖atXeq\ׄڴ8z?.+q2]aovw׆yj  RO3oɤwP`LfiB)=S]+93-@M(uHmnO}Ax;L1<۰p>0N!'5ޏY \8UJUAPA>𿀱 VKN%j(pagٱ0;d1gBoǿ?etve1mnZxRE`Ҵpz1fWMp}xӮ9SHH14xza/=KB,+?gs;(Yw2m *])6"Jֻ 5Ay\c"i(eȦ9 bS>ů*vT@hE _K#ضe%8~kyzLvpx戢I,;}Gfroc2mPr$Qz .($BE "-cFCĶ}(>"oh盇˜׭8nn&,`\fxg 0 ۪粝/5Z{rߔVJ%LtE@e MfeDe2!ag33;'Er0K܄YPeH/E8nn&,`\fZJQ!W@9SDmIL1C :&[璢qȿsB*>bgWť72yiDpk\{8nn&,`\f_uXp"8t[bרJaz7DK[I5΂ۃg;W33;'Er0K܄YPeH/E8nn&,`\fEyڮ1ݜxgiyNݶTwVw+!l\ZwJu{w4[ǯ58nn&,`\f7aiD@spDQP^NΆ* h4'Ə} gત%Zg#ؘK!j(gftwy#װ0(i-p!2,02c%gnsV&ǒD$EWN/Ix!W a)E1rN av`e3 =uŦ}ݏ~^ewyMCCP56b1}lIj C;oa GnuYcW-3|En[Bfrt.G /"65VSa[B?alhĊ ûwK ޛ@̖q?5:}6SGS#c;o.nOQܐ3hxP̛WJ{XX#'F@n[R~hIȱBW{qk$16g6O0!rG%KÞ-TH@WA()j"usܢDed/D~*-Y-ՂӠ_ˏ.ҋ+۔)@Dl5Un?ɩK`;]:SXEv'4 &QsA];},~;f,đ%Zg#ؘK!<"h dn=lYc3v dx"-cFCĶ.{B:͚(2D4l?2b<~}֢s595Λ5HjMe ~24ۍ+ݔ8nn&,`\f#VG҃}Z=n#RTE\MP4 DQP^NΆ* h4'Ə} g[}QBhgOx"-S DQP^NΆ* h4'5{*89ExѷbնvS.3@gA"-cFCĶ ,W8nn&,`\fG]/ĥu_"@Qo/pƍVdC[M K(Y_8nn&,`\f$V8E75GUos7NB&߾Üus#e^  cKT8;Y '`8nn&,`\f˱pN;ȪMA|Zᵹ!\ ٹ䵆\{FڴV~UCLTƁ.n>\Npy8nn&,`\fs1 u]pz a揷;]nv1cuD ">VFoG8nn&,`\f3#ٹ8nn&,`\f&ډ)oVW@"H8nn&,`\foof_/p"-cFCĶYn+ \ꉗ794pP?8nn&,`\f=inua= Mp 8nn&,`\f#`1?hiWV^Fjs6 8nn&,`\f8(nc-c8nn&,`\fn#»MV&]95(rv浯$Yot;Y.N"0rW\Xz+@Ϋvg-H{5nrZO٤R' xыH2\*g97?zZϛ]_GA nͻ8nn&,`\fDz`?짚T8O#Nڛ]ׄ@2n@, )i]O-6EVh/m"E7ʍSmu7XUN]N e[psquare' } ] } ] }; // create the chart $('#chartContainer').jqxChart(settings); // get the chart's instance var chart = $('#chartContainer').jqxChart('getInstance'); // start angle slider $('#sliderStartAngle').jqxSlider({ width: 240, min: 0, max: 360, step: 1, ticksFrequency: 20, mode: 'fixed' }); $('#sliderStartAngle').on('change', function (event) { var value = event.args.value; chart.seriesGroups[0].startAngle = value; chart.seriesGroups[0].endAngle = value + 360; chart.update(); }); // radius slider $('#sliderRadius').jqxSlider({ width: 240, min: 80, max: 140, value: 120, step: 1, ticksFrequency: 20, mode: 'fixed' }); $('#sliderRadius').on('change', function (event) { var value = event.args.value; chart.seriesGroups[0].radius = value; chart.update(); }); // color scheme drop down var colorsSchemesList = ["scheme01", "scheme02", "scheme03", "scheme04", "scheme05", "scheme06", "scheme07", "scheme08"]; $("#dropDownColors").jqxDropDownList({ source: colorsSchemesList, selectedIndex: 4, width: '200', height: '25', dropDownHeight: 100 }); $('#dropDownColors').on('change', function (event) { var value = event.args.item.value; chart.colorScheme = value; chart.update(); }); // series type drop down var seriesList = ["splinearea", "spline", "column", "scatter", "stackedcolumn", "stackedsplinearea", "stackedspline"]; $("#dropDownSeries").jqxDropDownList({ source: seriesList, selectedIndex: 1, width: '200', height: '25', dropDownHeight: 100 }); $('#dropDownSeries').on('select', function (event) { var args = event.args; if (args) { var value = args.item.value; chart.seriesGroups[0].type = value; chart.update(); } }); // auto-rotate labels checkbox $("#cehckBoxAutoRotateLabels").jqxCheckBox({ width: 120, height: 25, hasThreeStates: false, checked: false }); $("#cehckBoxAutoRotateLabels").on('change', function (event) { settings.xAxis.labels.autoRotate = event.args.checked; settings.valueAxis.labels.autoRotate = event.args.checked; chart.update(); }); // ticks between $("#checkBoxTicksBetween").jqxCheckBox({ width: 120, height: 25, hasThreeStates: false, checked: false }); $("#checkBoxTicksBetween").on('change', function (event) { settings.xAxis.valuesOnTicks = !event.args.checked; chart.update(); }); });

Move the slider to rotate:

Select the series type:

Move the slider to change the radius:

Select color scheme:

Auto-rotate labels
Ticks between values