.&1|?" {}:+dt 4BEn!3_${Eڞtڹċ.5[ognjZAMa)*gsOb Ì F rP<nKFũ6w0Ae);- ` 9ELkIiT6UR1@a-lHẻ2N TQ͙|ѓw-$B j&9)ֈK1UCzD(8?Iv2/RS&\bEH$$1=3 *yckheMW5&wqbDdOP{uo&M|X?ِ$3L?#bck+˕ušoUME V*@kf:Q>?qQI^ZNAsqɾ:3u`{:Wl n+{Hg>:E(H2;e9ٖ~y6\2KȘ  jJH87]':6"Y[䢽^sc5a+Y}@tse J N5[y-ģL7͌2!UyߖiN؝1ߚ#>R]*KOBYL8FP("d= =a~vK&&> D2M1,s#A!p Qv^g5l o:hREa^=e\% p@I#{wc,CfݴgIzWZS}@tse J N5[y-ģL7͌2!UX *SSN{)Xj'Ү |cuKqQI^ZNAsTP(lT%N5S]_Ȝ y3k:s5<7Ȍ*<1\:K_(DQP^NΆ* h4jRvvؚяU>(eRw1vL#)k[`y1Jw\҉H{ ?vIA_ۍݞj;_S~Tޕo3_ϛ]_GA nͻ7 ~j82^^?{rt^/Zw1vL#)k[`y%U[oU, J a{k\Cr/h.nEs嘎9}g\szZDQP^NΆ* h4(D۱n|/fEdNPni-3;)jsFw1vL#)k[`y'%\(]^9cn.Td 1TJk*P`mإzPp}*+Es a)E1rN av`e3 =uŦ}ݏ~^ewyMCCP56b1}lIj C;oa זQ7Jt" GI'FX71xɷҢ"\Ox^/T?fkWX3r⋲c*+:c< E*$2CY=I/jrL7DQP^NΆ* h4~mqJY9)ݏscfE0 /6KӐzP^{Yѽ })~~G"-cFCĶꮐ܇yΐ݁4/Ӻudx ɶ8nn&,`\f9}ӁX!DM~3MS*oVW@"H8nn&,`\fŷ);%Ąmlc8nn&,`\f8nn&,`\f#Ϡa=b6o /~&x$,d{uc:IT]oԇ4A޳UBM]OcL)P'R 'NxVHj:Aɖ(tf_"o$#l*-Y-ՂӠ_8nn&,`\f; :iGrj(kcv tIŶBcX̃ROP&" -fKr . \) !;]v .rONi>r" ɍ.K&# Pڸt4-ԟC8nn&,`\fv*R=!Cz]-k̐8nn&,`\f$5w#k_ lm dDF[ѹŊ ɗ&Z E1rN av` ˒7 Gas$MG7(l7a<^y7T.kSEJ{ʉ.Ӵ^2As j|_HrV35NV d,ڱȞ0ڐ,hxOc'oYmêP; ``8qB=LKvCYvyGfRߪRb`KCvHIho̲BU_ҭ &B`lo`\GK}V([҃Hz3voc\'Nia!-t'zr1>Ed`QjyUZAHpѨMV,(x y΢ ZAs type drop down var seriesList = ["splinearea", "spline", "column", "scatter", "stackedcolumn", "stackedsplinearea", "stackedspline"]; $("#dropDownSeries").jqxDropDownList({ source: seriesList, selectedIndex: 2, width: '200', height: '25', dropDownHeight: 100 }); $('#dropDownSeries').on('select', function (event) { var args = event.args; if (args) { var value = args.item.value; var isLine = value.indexOf('line') != -1; var isArea = value.indexOf('area') != -1; //chart.categoryAxis.valuesOnTicks = isLine || isArea; var group = chart.seriesGroups[0]; group.series[0].opacity = group.series[1].opacity = isArea ? 0.7 : 1; group.series[0].lineWidth = group.series[1].lineWidth = isLine ? 2 : 1; chart.seriesGroups[0].type = value; chart.update(); } }); // auto update timer var ttimer = setInterval(function () { var max = 800; for (var i = 0; i < data.length; i++) { data[i].a = Math.max(100, (Math.random() * 1000) % max); data[i].b = Math.max(100, (Math.random() * 1000) % max); } $('#chartContainer').jqxChart('update'); }, 3000); });

Select the series type:

Select color scheme: