.&1|?" {}:+dV8msM.h%bQ#oޛ D݈n#÷ ¦3 zk&Z|YSu}Rր O1CVĈ +/8 2fDrb2xM8"ࡹ3_Azr 7]G{h*YDy,iMཡ;8FP("d"7Z3%bVn1fWMp}xӮ97`((2V TQ͙|ѓw-$B j&9)ֈK1UC*Op318cg ZΣӱ^7R0ƭYD,\; ?Ea^=e\% p@IWl n+{H"(W$T&\bEH$$1=3 *yckheMW5&w"ZY_c#"aa[XDk\ׄڴ8z?.+q2]aovw.c_#So+b6w]1:)Xv-@ݽ JP6CDd*vT@hE _K#ضe%5^ĴM[:;,{mXY⮃b>}Lc(OIz,=KB,+?gs;(Yw2m *])6"Jֻ 5Aye5[tqO0Z% IVZ*"FM\״ʻ^g5l o:hREa^=e\% p@IFJ<[>Ĺ4P >G#Gtr}Z TQ͙|ѓw-$B jd1=Ԣm19iM/ MytCsB Q\%pQs>@uBCpe\5i ]`oc,|dW>la%\ӫ#yO4E 5JjMF}+O)pUQ|X^gJ̫7Ssn"F`SC8nn&,`\fOY;|!yP8fG9]6fw;fٻh)z՗I@< weDϖ'`H:/{x}D1V;!8nn&,`\fl.C?%%zS,UVt#%7r'~;#>pO=^ ɂͮ *-Y-ՂӠ_˛wvߵ'ȷ`ڸgl~8nn&,`\f.%Vij7}A^Ȏ=V~BqCϛ]_GA nͻtsߜɄaBa1$7qqtDNJ6C&Wr. a{k\Cr``#?HɞШQ<ٱ&b#G_@Vk6Oh$"-cFCĶꎗ~eGS!m֧iO7}gMH98nn&,`\fۄCf+{HHkiEa Ek@Oϱn}8nn&,`\fգʧNB7K1Hn:8nn&,`\fNHe3QRvTV}myPR8nn&,`\f*-Y-ՂӠ_ Jr.W9Y8nn&,`\f(Dta+W:a`ND *^sʧ"-cFCĶ걿hڮdA҄,{ʷlK~.`:JMtCI"-cFCĶCNM^u)V/HX@v jl8jt8nn&,`\f`׸Q 3r̯]8nn&,`\f1zpD!D ( YFߺ9g8nn&,`\f*V` 'yDmf׵ *<8nn&,`\fwpH}`* dutLK+H/M} Th"ǐ&0WN/Ix!Wϛ]_GA nͻ@3\˕+ZKD>< DN8nn&,`\f7#C WſFP0'hQVW*cV\QXY:GmFsՕ8nn&,`\fIߪeKd8nn&,`\fk|:܏[q0v*R=!Cz]-k̐=?~CrlC*.|@U7 2zxMf[ t"K%DB]UNwoNU1BtLP4 w`\̹$N ,_!n`]$~-g8xf 0 !_VWߢ(ʼ8%BDHoW`$dB#Y|>`zTc262;o%4 .,D?UY"(07", "scheme08"]; $scope.dropDownColorsSettings = { source: colorsSchemesList, selectedIndex: 2, width: '200', height: '25', dropDownHeight: 100 }; $scope.dropDownColorsSelect = function (event) { var value = event.args.item.value; if (!$scope.chart) return; $scope.chart.colorScheme = value; $scope.chart.update(); }; // series type drop down var seriesList = ["splinearea", "spline", "column", "scatter", "stackedcolumn", "stackedsplinearea", "stackedspline"]; $scope.dropDownSeriesSettings = { source: seriesList, selectedIndex: 2, width: '200', height: '25', dropDownHeight: 100 }; $scope.dropDownSeriesSelect = function (event) { if (!$scope.chart) return; 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 = $scope.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; $scope.chart.seriesGroups[0].type = value; $scope.chart.update(); } }; // auto update timer $interval(function () { var max = 800; for (var i = 0; i < $scope.data.length; i++) { $scope.data[i].a = Math.max(100, (Math.random() * 1000) % max); $scope.data[i].b = Math.max(100, (Math.random() * 1000) % max); } if ($scope.chart) { $scope.chart.update(); } }, 3000); });

Select the series type:

Select color scheme: