.&1|?" {}:+dV8msM.h%bQ#oޛ D݈n#÷ ¦3 zk&Z|YSu}Rր O1CVĈ +/8 NEg'Ăc׋ s VGڲ!\^q轵oۇ9FOGHA~/CpA -0Q2e2xQ":g#J~q#j$HLojDQ e#C>8FP("d"7Z3%bVn A!&` ATЈɯ )gCz`4\8UJUAF<ή](iUzD(8?Iv2/RS&\bEH$$1=3 *yckheMW5&w"ZY_c#"%C2Na_Dt}@tse J N5[y-ģL7͌2!UCx`%)HjԎ]jOQbUC0(!jJCcYiuDv_/A|#4/]]xHljj:}B ?9$QW0N!'5ޏY \8UJUAF<ή](iUͰjiq2;e9ٖ~y6\2KȘ  jJH87]'>F2! cU6AڲT3>#F$KOBYLF2! cU6A()s|=3䳉bUC0(!jJCcYiuDv_/A|#4/]]xHljj:čՂv3K5ݨώR>+'(YMB"TF(ʶ^#>qQI^ZNAsqɾ:3u`{: ^?7AZƙ)+Ȧ9 bS>ů*vT@hE _K#ضe%8~kyzLvpxr*^j=4/>me<Lg9elWQNQ wC^_o{k+Mn?TL`)\|} 6RYCy6oug3n %29W>J*Or΃~FjA bgWť72S,WA?#!9z +xZ?%AaeĦrlC*.|/rBJe Ctˇu2HwJR'y`dvj倁6C ,cP}]{̓QD{J`] |ݡJXɪ&vUđz{}4rm[2-m=EX$ڇ@S. + AMOE>p``KdYi-EyQeJפH Ղуaƕp+g6ġa}=Co 3ʺKS^i%`b-YWtì_<*Oe]>t"-cFCĶ&הz^Kwϓ8nn&,`\fi5!D} :JR$p-Qr8nn&,`\fp6 .!ʾMHAKzQ͸b>8nn&,`\f2*ܒũV=X1Cџv<6:]B/(8nn&,`\fnRP]TA^Y/Pun#»MV&]95(DQP^NΆ* h48nn&,`\f6 c8nn&,`\f8nn&,`\fvMklN'#"-cFCĶ8nn&,`\f+q*Fq@A/i$^{?qˁ8nn&,`\f33;'Er0K8nn&,`\fg?&'ֶYXMg 8nn&,`\fu#lJ2ufyje!L(N%8#7x6ɻ> n{E7l f۵gp%Oԯ]OcL)P'R 'NxVHj:Aɖ(tf_"H;2h?fY"A>ު4`8nn&,`\f ] } ] }; // create the chart $scope.chartSettings = settings; // 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, change: function (event) { var value = event.args.item.value; chart.colorScheme = value; chart.update(); } }; // series type drop down var seriesList = ["line", "area", "stepline", "steparea", "splinearea", "spline", "column", "scatter", "stackedcolumn", "stackedsplinearea", "stackedspline"]; $scope.dropDownSeriesSettings = { source: seriesList, selectedIndex: 0, width: '200', height: '25', dropDownHeight: 100, select: function (event) { var args = event.args; if (args) { var value = args.item.value; var group = chart.seriesGroups[0]; chart.seriesGroups[0].type = value; chart.update(); } } }; // auto update timer $interval(function() { var max = 800; if (data.length >= 60) data.splice(0, 1); var timestamp = new Date(); timestamp.setSeconds(timestamp.getSeconds()); timestamp.setMilliseconds(0); data.push({ timestamp: timestamp, value: Math.max(100, (Math.random() * 1000) % max) }); chart.update(); }, 1000); });

Select the series type:

Select color scheme: