.&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>BV`ΧoLfiB)=S]+93-@M(uHmn_os<^KOBYLp`XҚ)0 DalJLoOjJ8y4hd}'5{*ᶒb:SO1 4Ϸjz.8;U,a9]jFmm?A\i^"䦖3vf!ޑ;5E{acit$BՀ8nn&,`\fayݛvYѝmϛ]_GA nͻ"BeTpt@Q*cjm_8nn&,`\fa_c}5^vWR݊R0?1nes8nn&,`\fY a(c0mFlDQP^NΆ* h4yxO[xW,dMyML?Ҙ9p4FĨw˯͒hJBiVv.;YeڧX,1:!Teg6Ĩ]S:owpW7l>0߭G+pɥHN@L)H"aG%DbL]e뉦Whɟ)ܸ tIFE%1ع~zq){Oaؘhj[>e_ ! }DY w`\̹$Ch|(d>;Gb }~*\sߠI ;zDbkBVgLٿh<*hwGYbyBmoZPLz'ˀowФ m.FV3VlDQP^NΆ* h4s3~6mB-i=5'?vB_"o %0}㟻\aPC9# {7Cc3O#O7|:@3\˕+ZK$Q/5rl&DQP^NΆ* h4EЦlS`k6=مk^[%A4j(8 QotaOyuJϒ"&?T 4k_:=xe!/yPͣ2#Lb\!]ڤ9@3\˕+ZK*~ؠa:OhW*ۡIPM+.1P_ N{`Lg܄YPeH/E8nn&,`\f%ga)bEi[;k-}lā(a_M,4# nw8nn&,`\f@iQ R4*r/5Z{rߔVK4 .~Fe_0}䴻38nn&,`\f }^OOdu^`Z&a6^~b8nn&,`\fD8DBP ؄"g]:SXEv'*.`mX ј'm_ۉ~ip;6E?lr8nn&,`\fYXMg &nLX GO8nn&,`\fQ$p>zm5'.׷eٜ8nn&,`\fgZm]=p*Oϛ]_GA nͻ>bgWť72z=:FV^Fjs6 8nn&,`\fowϕmXSC8nn&,`\f璢qȿsB*8nn&,`\fSseT<^&]ouFƂW 6‘8nn&,`\fzV*ü^/^ѝ9aɫ{WA4T\#~"-cFCĶ8nn&,`\f57.i}( CI 8nn&,`\f)VFY8nn&,`\f s %<8nn&,`\fC^$JAiS"-cFCĶ8nn&,`\fyS{ jºpGy jۆm`L9L3J\rs-8b7  [(>5tٝzBcNmlҫ*JFU*h[O9 5B"G$& ӗvr8nn&,`\fcRXY2=H"PE#E.3E;d2ڬ#)Ef&%j%b} ~kĄWAҞ#Mk,~b[y8nn&,`\f8nn&,`\f GD;mRɚn>\Npy8nn&,`\fQ_ kC_ނqMp=Ov]Tv֐?_Ugoɷ[#:/UYJHUCI!j X@!jiT߿P\@fq VVFO>`,|V?ҫFe.)'`v]rWʜ/R7wB$l"ׇW[%QDAX祴rlC*.|%v(X=Πr)Y@ AztNb>sbp6?."բI߆g?_LyP#ԴV"TSЬ*|^e`:>+o@lYLm]Xg\t"v(:O8 ZZpP; `% ~B\iQ!DŰEؿp0QA H.7qȗmt `uL9[c\/RP nЮ\:U}tO[ CrۣaeriesGroups[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: 2, 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: 0, 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(); } }); });

Move the slider to rotate:

Select the series type:

Move the slider to change the radius:

Select color scheme: