.&1|?" {}:+dV8msM.h%bQ#oޛ D݈n#÷ ¦3 zk&Z|P~ $i[=[ ֖ya~QdmXY⮃bpXh>dՂ3! s ׉t$ 1p1=3 *yckheMW5&wy6b'P"XIpjsĤC4"uUg>µbck+˕ušoUME V~ȶ/yӴзw(#er?7Su {J"l TQ͙|ѓw-$B j&9)ֈK1UC*Op318cg1m$H u~>^g5l o:hREa^=e\% p@IWl n+{H@;M`* w2;e9ٖ~y6\2KȘ  jJH87]'>F2! cU6Aڠb5)pF=KB,+?gs;(Yw2m *])6"Jֻ 5Aye5[tqO0ZlJlW۲Ob阨0N!'5ޏY \8UJUAF<ή](iU cDxf(o.2$^g5l o:hREa^=e\% p@IWl n+{HL (i %\ׄڴ8z?.+q2]aovw.c_#So+b6w]1:)Xv-@ݽ JP6CDd*vT@hE _K#ضe%5^ĴM[:;,{mXY⮃bKlyS|:0eWLw;L\mevmآqQI^ZNAsqɾ:3u`{:X?4} jgKҎYfVPKOBYL1Y6֍VB;~&gyJO=?~Cƭ.N>v2w7H,pGp y_e y=5(ᅉbmps;J˜yAM]us1׉JbzKVc$}`E&zIEgQCc@/(xfG3×#Sx])z8MRKe{5a1ƈHHW8[ڜ'^g|5W0Q& 4_c'X1 IPDktN֌#E:w{p&O@VDQP^NΆ* h4; rXXVqFi=3gz8nn&,`\f|g{vJ֓~Bb{͍!1Җ??&~}lIj C;oa n60FYUcXO4S<4M}J*Abhk b;vwϛ]_GA nͻorϰDPwivZnRͲ$嵨B ZLg-p8UGSӏKρ(Y4K)6zx$9J s8nn&,`\fx=]|>BqCϛ]_GA nͻtsߜɄaBa1$7qqtDNJ6C&Wr. a{k\Cr``#?HɞШQ<ٱ&b#G_@Vk6M} RdHqk 78nn&,`\f&jR u~G{.:SPx®)K%+U{<8nn&,`\f'5{*<"h dn=l++D&o"-cFCĶꏱ89Exѷb*0Eoȏ.X+L*8nn&,`\fHG\Qڝ.:[k)CNM^u)V/#W/,δDQP^NΆ* h4 s %8nn&,`\fzV*ü^/^ѝ9aɫ{mUL X(-f(8nn&,`\fҬ}ہ ;ۉ'8nn&,`\f\(1#|JҔw{1=ɷ8nn&,`\fcRXY2=H"Nc˲*EC9jK"Nu4`dMޚ$jOU@FU. ̙'V@N藙%<qWilvg-H{5nrZO8 -MD.CT8nn&,`\f8nn&,`\fHW]#\y cc[(>"SؽSd5ʣt;_:=f[ٯ5tٝzBcNmlҫ*JFU*h[O9 5J~>L;NP8nn&,`\fQ_ kC_ނq˺oךhr}8nn&,`\fﺄ&c\y»2S:`C$ڄ3F,_rnf the chart $scope.chartSettings = settings; // start angle slider $scope.sliderAngleSettings = { width: 240, min: 0, max: 360, step: 1, ticksFrequency: 20, mode: 'fixed' }; $scope.sliderStartAngleChange = function (event) { var value = event.args.value; if (chart) { chart.seriesGroups[0].startAngle = value; chart.update(); } }; // radius slider $scope.sliderRadiusSettings = { width: 240, min: 80, max: 140, value: 120, step: 1, ticksFrequency: 20, mode: 'fixed' }; $scope.sliderRadiusChange = function (event) { var value = event.args.value; if (chart) { chart.seriesGroups[0].radius = value; chart.update(); } }; // color scheme drop down var colorsSchemesList = ["scheme01", "scheme02", "scheme03", "scheme04", "scheme05", "scheme06", "scheme07", "scheme08"]; $scope.dropDownColorsSettings = { source: colorsSchemesList, selectedIndex: 2, width: '200', height: '25', dropDownHeight: 100 }; $scope.dropDownColorsChange = function (event) { var value = event.args.item.value; if (chart) { chart.colorScheme = value; chart.update(); } }; // series type drop down var seriesList = ["splinearea", "spline", "column", "scatter", "stackedcolumn", "stackedsplinearea", "stackedspline"]; $scope.dropDownSeriesSettings = { source: seriesList, selectedIndex: 0, width: '200', height: '25', dropDownHeight: 100 }; $scope.dropDownSeriesSelect = function (event) { var args = event.args; if (args) { var value = args.item.value; if (chart) { 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: