.&1|?" {}:+dV8msM.h%bQ#oޛ D݈n#÷ ¦3 zk&Z|8FP("d"7Z3%bVn A!&` ATЈɯ ~ItR˃ЗE%J_K#ضe%5^ĴM[:;,{nWv-{3-JʇyGdrv0N!'5ޏY \8UJUAF<ή](iUsS~FZ\0RO3oɤwP`LfiB)=S]+93-@M(uHmn#{wc,C߫eP tuWgBoǿ?etve1mnZxRE`Ҵpz:6"Y[b`p9Ya*vT@hE _K#ضe%5^ĴM[:;,{mXY⮃bKlyS|:0bUC0(!jJCcYiuDv_/A|#4/]]xHljj:{.OO t.DΔEŬ1=]|sgBoǿ?etve1mnZxRE`Ҵpz:6"Y[BүZa!X)I&M|X?ِ$3L?#bck+˕ušoUME VSg:hpLTOU G(зbUC0(!jJCcYiuDv_/A|#4/]]xHljj:> D2M1,s#A!p Qv^g5l o:hREa^=e\% p@IWl n+{HL (i %\ׄڴ8z?.+q2]aovw.c_#So+bn@3l:ʅ^4eB([DE *i1^g5l o:hREa^=e\% p@IFJ<[>Ĺ4P >G#Gtr}Z TQ͙|ѓw-$B j&9)ֈK1UC*Op318cgv wifd9 B"TF(ʶ^#>qQI^ZNAsTP(lT+)4h _M= 04m%k7ٷx>l&e1S-_]W a]~Y~ъPW9A`+ʩ4hyER6YDޜx qhd<񕹧qo<ӗe>݌o9 %i|qVA_6 b,B57sƭ.N>v2wɹ*~M`o(@b@m>fhsp,2!/ D胛k4?kqvR-X;{묷j.i_Vq鵘Uʿ.}ςwXt1d|I2S40v}YQ w]D<¤pݘ,ž-cYrdl/c20Sawu DQP^NΆ* h4BKOt#Q\M^R2rwg8nn&,`\f-N8q$ l͕:jksAE"-cFCĶ l`T2\ [*G,k5~e Ws5vNqr]7ffjvFGX(Qמ\pr }[Q G!J@8 %Y~96?DQP^NΆ* h4ƊNډ~&*P߭璢qȿsB*_gW0wMAO:&."HR. V)VFY@:E k9m Qx u{Jr)0_0'`îƓ=#ToL˹0<|_ :Xg PQΧQa}=Co 3raߴ">$[8nn&,`\fKK;H8nn&,`\fBлs ^C4D3&Ǿ8ulX+$c8nn&,`\fmPGOy%D3&b- 8nn&,`\fkLn5)oKD3& hZIV(P)MܽiFiUiSCy٫EҭxZ!(H>n_z;~B('@:krdYȂ/@8s]\\bԠ$Zrҭ-swk+3T٦M&B^#r?* fp3~) r_2ӟ[byȸ>8.Oviٖ[["ɽ&ɗ3LRobDQP^NΆ* h4Upn2Q̙ڣ9UUM47DŽ 0j9 DON|l*("V.W{E?ե4ڞKxKQwŌ6*垓,A~ CJMxl66}[׷ L7IXϛ]_GA nͻJ͔Lav࡛U!`s-ObE<}JZ[˓e1MN4ůD3NP˅J?| j6|`rÝ~zKA{TGk&璢qȿsB*8nn&,`\f}SHm?3@O k9˲Cg'{HHkiEa Ek@Oϱn}8nn&,`\fK4 .~Fe_0}䴻38nn&,`\fcH~NڨPt^[A9ֲ#8nn&,`\fD8DBP ؄"g]:SXEv'*.`mX ј'm_ۉ~ip;6E?lr8nn&,`\fYXMg &nLX GO8nn&,`\fK̙+S6˷q^5 ubEA 8nn&,`\f>9,洶(ۃ-602Š*"-cFCĶCNM^u)V/HX@v jl8jt8nn&,`\f`׸Q 3r̯]8nn&,`\f1zpD!D ( YFߺ9g8nn&,`\f*V` 'yDmT1 q)8nn&,`\f description: 'Index Value
', }, series: [ { dataField: 'value1', displayText: 'value1', lineWidth: 2, symbolType: 'circle' } ] }, { type: 'spline', useGradientColors: false, columnsGapPercent: 50, alignEndPointsWithIntervals: true, valueAxis: { minValue: 0, maxValue: 700, visible: false }, series: [ { dataField: 'value2', displayText: 'value2'} ] }, { type: 'column', useGradientColors: false, columnsGapPercent: 50, alignEndPointsWithIntervals: true, valueAxis: { minValue: 0, maxValue: 700, visible: false }, series: [ { dataField: 'value3', displayText: 'value3'} ] } ] }; // create the chart $scope.chartSettings = settings; // color scheme drop down var colorsSchemesList = ["scheme01", "scheme02", "scheme03", "scheme04", "scheme05", "scheme06", "scheme07", "scheme08"]; $scope.dropDownColorsSettings = {change: function(event) { var value = event.args.item.value; chart.colorScheme = value; chart.update(); }, source: colorsSchemesList, selectedIndex: 0, width: '200', height: '25', dropDownHeight: 100, enableBrowserBoundsDetection: true }; var timerFunction = function () { data.splice(0, 1); data.push({ key: data[data.length - 1].key + 1, value1: (Math.random() * 200) % 200 + 200, value2: (Math.random() * 200) % 200 + 500, value3: (Math.random() * 200) % 200, }); chart.update(); }; // auto update timer var ttimer = $interval(timerFunction, refreshTimeout); $scope.buttonText = "Pause"; $scope.pauseResume = function (event) { if (ttimer) { $interval.cancel(ttimer); $scope.buttonText = "Resume"; ttimer = undefined; } else { ttimer = $interval(timerFunction, refreshTimeout); $scope.buttonText = "Pause"; } } });

Pause / Resume updates:

Select color scheme: