Infinite chart. Setable rhythm for animations.

andraskangyal · andraskangyal · commit 41c9e0f208e1 · 2021-09-27T11:23:06.000+02:00
diff --git a/test/integration/test_cases/web_content/infinite_chart/infinite_2.mjs b/test/integration/test_cases/web_content/infinite_chart/infinite_2.mjs
@@ -1,5 +1,6 @@
 import { data } from '/test/integration/test_data/infinite_data.js';
-
+let step = 0;
+let targetstep = -1;
 const testSteps = [
     chart => chart.animate({
         data: data,
@@ -47,7 +48,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -65,7 +66,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -101,7 +102,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -110,7 +111,7 @@ const testSteps = [
 //            title: '4'
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -134,7 +135,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -153,7 +154,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -171,7 +172,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -181,7 +182,7 @@ const testSteps = [
 //            title: '8'
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -191,7 +192,7 @@ const testSteps = [
 //            title: '9'
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
         chart => chart.animate({
             config: {
                 channels: {
@@ -201,7 +202,7 @@ const testSteps = [
 //                title: '10'
             }
         }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -211,7 +212,7 @@ const testSteps = [
 //            title: '11'
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -237,7 +238,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -247,7 +248,7 @@ const testSteps = [
 //            title: '13'
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -257,7 +258,7 @@ const testSteps = [
 //            title: '14'
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -275,7 +276,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -292,7 +293,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -314,7 +315,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -343,7 +344,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -360,26 +361,43 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
                 x: { set: ['Value 1', 'Joy factors', 'Region', 'Country code'], range: { max: '100%' } },
                 y: { set: null, range: { min: '-200%', max: '100%' } }
             },
+//            title: '20'
+        }
+    }
+    , {duration:step++ < targetstep ?'100ms':'1400ms',
+x:{delay: 0},
+y:{delay: 0}}),
+chart => chart.animate({
+    config: {
+        channels: {
+            x: { set: ['Value 1', 'Joy factors', 'Region', 'Country code'], range: { max: '100%' } },
+            y: { set: null, range: { min: '0%', max: '100%' } }
+        },
 //            title: '20',
-            coordSystem: 'cartesian'
+        coordSystem: 'cartesian'
+    },
+    style: {
+        plot: {
+            marker: {
+                rectangleSpacing: null
+            }
         }
     }
-    , '1400ms'),
+}, step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
                 x: { set: ['Value 1', 'Joy factors', 'Country code'], range: { max: '100%' } }, // regiont levesz
-                y: { set: null, range: { min: '-200%', max: '100%' } }
+                y: { set: null, range: { min: '0%', max: '100%' } }
             },
-//            title: '21',
-            coordSystem: 'cartesian'
+//            title: '21'
         },
         style: {
             plot: {
@@ -389,7 +407,7 @@ const testSteps = [
             }
         }
     }
-    , '400ms'),
+    , step++ < targetstep ?'100ms':'100ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -406,7 +424,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , {duration:step++ < targetstep ?'100ms':'1400ms',style:{delay: '1.5s'}}),
     chart => chart.animate({
         config: {
             channels: {
@@ -425,7 +443,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels:
@@ -444,7 +462,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels:
@@ -465,7 +483,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -488,7 +506,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels: {
@@ -513,7 +531,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels:
@@ -538,11 +556,14 @@ const testSteps = [
                     circleMinRadius: 0.001,
                     circleMaxRadius: 0.025,
                     colorPalette: '#ee1b22FF #cecf07FF #01abf6FF #0ca749FF',
+                    fillOpacity: 0.1,
+                    borderOpacity: 0.1,
+                    borderWidth: 0
                 }
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels:
@@ -561,7 +582,7 @@ const testSteps = [
             split: false
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels:
@@ -582,12 +603,15 @@ const testSteps = [
                 marker: {
                     label: {
                         fontSize: 8
-                    }
+                    },
+                    fillOpacity: null,
+                    borderOpacity: null,
+                    borderWidth: null
                 }
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels:
@@ -603,7 +627,7 @@ const testSteps = [
             split: false
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels:
@@ -631,7 +655,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms'),
+    , step++ < targetstep ?'100ms':'1400ms'),
     chart => chart.animate({
         config: {
             channels:
@@ -672,7 +696,7 @@ const testSteps = [
             }
         }
     }
-    , '1400ms')
+    , step++ < targetstep ?'100ms':'1400ms')
 ];
 
 export default testSteps;

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`import { data } from '/test/integration/test_data/infinite_data.js';`
`2`		`-`
	`2`	`+let step = 0;`
	`3`	`+let targetstep = -1;`
`3`	`4`	`const testSteps = [`
`4`	`5`	`chart => chart.animate({`
`5`	`6`	`data: data,`
`@@ -47,7 +48,7 @@ const testSteps = [`
`47`	`48`	`}`
`48`	`49`	`}`
`49`	`50`	`}`
`50`		`- , '1400ms'),`
	`51`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`51`	`52`	`chart => chart.animate({`
`52`	`53`	`config: {`
`53`	`54`	`channels: {`
`@@ -65,7 +66,7 @@ const testSteps = [`
`65`	`66`	`}`
`66`	`67`	`}`
`67`	`68`	`}`
`68`		`- , '1400ms'),`
	`69`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`69`	`70`	`chart => chart.animate({`
`70`	`71`	`config: {`
`71`	`72`	`channels: {`
`@@ -101,7 +102,7 @@ const testSteps = [`
`101`	`102`	`}`
`102`	`103`	`}`
`103`	`104`	`}`
`104`		`- , '1400ms'),`
	`105`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`105`	`106`	`chart => chart.animate({`
`106`	`107`	`config: {`
`107`	`108`	`channels: {`
`@@ -110,7 +111,7 @@ const testSteps = [`
`110`	`111`	`// title: '4'`
`111`	`112`	`}`
`112`	`113`	`}`
`113`		`- , '1400ms'),`
	`114`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`114`	`115`	`chart => chart.animate({`
`115`	`116`	`config: {`
`116`	`117`	`channels: {`
`@@ -134,7 +135,7 @@ const testSteps = [`
`134`	`135`	`}`
`135`	`136`	`}`
`136`	`137`	`}`
`137`		`- , '1400ms'),`
	`138`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`138`	`139`	`chart => chart.animate({`
`139`	`140`	`config: {`
`140`	`141`	`channels: {`
`@@ -153,7 +154,7 @@ const testSteps = [`
`153`	`154`	`}`
`154`	`155`	`}`
`155`	`156`	`}`
`156`		`- , '1400ms'),`
	`157`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`157`	`158`	`chart => chart.animate({`
`158`	`159`	`config: {`
`159`	`160`	`channels: {`
`@@ -171,7 +172,7 @@ const testSteps = [`
`171`	`172`	`}`
`172`	`173`	`}`
`173`	`174`	`}`
`174`		`- , '1400ms'),`
	`175`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`175`	`176`	`chart => chart.animate({`
`176`	`177`	`config: {`
`177`	`178`	`channels: {`
`@@ -181,7 +182,7 @@ const testSteps = [`
`181`	`182`	`// title: '8'`
`182`	`183`	`}`
`183`	`184`	`}`
`184`		`- , '1400ms'),`
	`185`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`185`	`186`	`chart => chart.animate({`
`186`	`187`	`config: {`
`187`	`188`	`channels: {`
`@@ -191,7 +192,7 @@ const testSteps = [`
`191`	`192`	`// title: '9'`
`192`	`193`	`}`
`193`	`194`	`}`
`194`		`- , '1400ms'),`
	`195`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`195`	`196`	`chart => chart.animate({`
`196`	`197`	`config: {`
`197`	`198`	`channels: {`
`@@ -201,7 +202,7 @@ const testSteps = [`
`201`	`202`	`// title: '10'`
`202`	`203`	`}`
`203`	`204`	`}`
`204`		`- , '1400ms'),`
	`205`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`205`	`206`	`chart => chart.animate({`
`206`	`207`	`config: {`
`207`	`208`	`channels: {`
`@@ -211,7 +212,7 @@ const testSteps = [`
`211`	`212`	`// title: '11'`
`212`	`213`	`}`
`213`	`214`	`}`
`214`		`- , '1400ms'),`
	`215`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`215`	`216`	`chart => chart.animate({`
`216`	`217`	`config: {`
`217`	`218`	`channels: {`
`@@ -237,7 +238,7 @@ const testSteps = [`
`237`	`238`	`}`
`238`	`239`	`}`
`239`	`240`	`}`
`240`		`- , '1400ms'),`
	`241`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`241`	`242`	`chart => chart.animate({`
`242`	`243`	`config: {`
`243`	`244`	`channels: {`
`@@ -247,7 +248,7 @@ const testSteps = [`
`247`	`248`	`// title: '13'`
`248`	`249`	`}`
`249`	`250`	`}`
`250`		`- , '1400ms'),`
	`251`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`251`	`252`	`chart => chart.animate({`
`252`	`253`	`config: {`
`253`	`254`	`channels: {`
`@@ -257,7 +258,7 @@ const testSteps = [`
`257`	`258`	`// title: '14'`
`258`	`259`	`}`
`259`	`260`	`}`
`260`		`- , '1400ms'),`
	`261`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`261`	`262`	`chart => chart.animate({`
`262`	`263`	`config: {`
`263`	`264`	`channels: {`
`@@ -275,7 +276,7 @@ const testSteps = [`
`275`	`276`	`}`
`276`	`277`	`}`
`277`	`278`	`}`
`278`		`- , '1400ms'),`
	`279`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`279`	`280`	`chart => chart.animate({`
`280`	`281`	`config: {`
`281`	`282`	`channels: {`
`@@ -292,7 +293,7 @@ const testSteps = [`
`292`	`293`	`}`
`293`	`294`	`}`
`294`	`295`	`}`
`295`		`- , '1400ms'),`
	`296`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`296`	`297`	`chart => chart.animate({`
`297`	`298`	`config: {`
`298`	`299`	`channels: {`
`@@ -314,7 +315,7 @@ const testSteps = [`
`314`	`315`	`}`
`315`	`316`	`}`
`316`	`317`	`}`
`317`		`- , '1400ms'),`
	`318`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`318`	`319`	`chart => chart.animate({`
`319`	`320`	`config: {`
`320`	`321`	`channels: {`
`@@ -343,7 +344,7 @@ const testSteps = [`
`343`	`344`	`}`
`344`	`345`	`}`
`345`	`346`	`}`
`346`		`- , '1400ms'),`
	`347`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`347`	`348`	`chart => chart.animate({`
`348`	`349`	`config: {`
`349`	`350`	`channels: {`
`@@ -360,26 +361,43 @@ const testSteps = [`
`360`	`361`	`}`
`361`	`362`	`}`
`362`	`363`	`}`
`363`		`- , '1400ms'),`
	`364`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`364`	`365`	`chart => chart.animate({`
`365`	`366`	`config: {`
`366`	`367`	`channels: {`
`367`	`368`	`x: { set: ['Value 1', 'Joy factors', 'Region', 'Country code'], range: { max: '100%' } },`
`368`	`369`	`y: { set: null, range: { min: '-200%', max: '100%' } }`
`369`	`370`	`},`
	`371`	`+// title: '20'`
	`372`	`+ }`
	`373`	`+ }`
	`374`	`+ , {duration:step++ < targetstep ?'100ms':'1400ms',`
	`375`	`+x:{delay: 0},`
	`376`	`+y:{delay: 0}}),`
	`377`	`+chart => chart.animate({`
	`378`	`+ config: {`
	`379`	`+ channels: {`
	`380`	`+ x: { set: ['Value 1', 'Joy factors', 'Region', 'Country code'], range: { max: '100%' } },`
	`381`	`+ y: { set: null, range: { min: '0%', max: '100%' } }`
	`382`	`+ },`
`370`	`383`	`// title: '20',`
`371`		`- coordSystem: 'cartesian'`
	`384`	`+ coordSystem: 'cartesian'`
	`385`	`+ },`
	`386`	`+ style: {`
	`387`	`+ plot: {`
	`388`	`+ marker: {`
	`389`	`+ rectangleSpacing: null`
	`390`	`+ }`
`372`	`391`	`}`
`373`	`392`	`}`
`374`		`- , '1400ms'),`
	`393`	`+}, step++ < targetstep ?'100ms':'1400ms'),`
`375`	`394`	`chart => chart.animate({`
`376`	`395`	`config: {`
`377`	`396`	`channels: {`
`378`	`397`	`x: { set: ['Value 1', 'Joy factors', 'Country code'], range: { max: '100%' } }, // regiont levesz`
`379`		`- y: { set: null, range: { min: '-200%', max: '100%' } }`
	`398`	`+ y: { set: null, range: { min: '0%', max: '100%' } }`
`380`	`399`	`},`
`381`		`-// title: '21',`
`382`		`- coordSystem: 'cartesian'`
	`400`	`+// title: '21'`
`383`	`401`	`},`
`384`	`402`	`style: {`
`385`	`403`	`plot: {`
`@@ -389,7 +407,7 @@ const testSteps = [`
`389`	`407`	`}`
`390`	`408`	`}`
`391`	`409`	`}`
`392`		`- , '400ms'),`
	`410`	`+ , step++ < targetstep ?'100ms':'100ms'),`
`393`	`411`	`chart => chart.animate({`
`394`	`412`	`config: {`
`395`	`413`	`channels: {`
`@@ -406,7 +424,7 @@ const testSteps = [`
`406`	`424`	`}`
`407`	`425`	`}`
`408`	`426`	`}`
`409`		`- , '1400ms'),`
	`427`	`+ , {duration:step++ < targetstep ?'100ms':'1400ms',style:{delay: '1.5s'}}),`
`410`	`428`	`chart => chart.animate({`
`411`	`429`	`config: {`
`412`	`430`	`channels: {`
`@@ -425,7 +443,7 @@ const testSteps = [`
`425`	`443`	`}`
`426`	`444`	`}`
`427`	`445`	`}`
`428`		`- , '1400ms'),`
	`446`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`429`	`447`	`chart => chart.animate({`
`430`	`448`	`config: {`
`431`	`449`	`channels:`
`@@ -444,7 +462,7 @@ const testSteps = [`
`444`	`462`	`}`
`445`	`463`	`}`
`446`	`464`	`}`
`447`		`- , '1400ms'),`
	`465`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`448`	`466`	`chart => chart.animate({`
`449`	`467`	`config: {`
`450`	`468`	`channels:`
`@@ -465,7 +483,7 @@ const testSteps = [`
`465`	`483`	`}`
`466`	`484`	`}`
`467`	`485`	`}`
`468`		`- , '1400ms'),`
	`486`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`469`	`487`	`chart => chart.animate({`
`470`	`488`	`config: {`
`471`	`489`	`channels: {`
`@@ -488,7 +506,7 @@ const testSteps = [`
`488`	`506`	`}`
`489`	`507`	`}`
`490`	`508`	`}`
`491`		`- , '1400ms'),`
	`509`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`492`	`510`	`chart => chart.animate({`
`493`	`511`	`config: {`
`494`	`512`	`channels: {`
`@@ -513,7 +531,7 @@ const testSteps = [`
`513`	`531`	`}`
`514`	`532`	`}`
`515`	`533`	`}`
`516`		`- , '1400ms'),`
	`534`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`517`	`535`	`chart => chart.animate({`
`518`	`536`	`config: {`
`519`	`537`	`channels:`
`@@ -538,11 +556,14 @@ const testSteps = [`
`538`	`556`	`circleMinRadius: 0.001,`
`539`	`557`	`circleMaxRadius: 0.025,`
`540`	`558`	`colorPalette: '#ee1b22FF #cecf07FF #01abf6FF #0ca749FF',`
	`559`	`+ fillOpacity: 0.1,`
	`560`	`+ borderOpacity: 0.1,`
	`561`	`+ borderWidth: 0`
`541`	`562`	`}`
`542`	`563`	`}`
`543`	`564`	`}`
`544`	`565`	`}`
`545`		`- , '1400ms'),`
	`566`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`546`	`567`	`chart => chart.animate({`
`547`	`568`	`config: {`
`548`	`569`	`channels:`
`@@ -561,7 +582,7 @@ const testSteps = [`
`561`	`582`	`split: false`
`562`	`583`	`}`
`563`	`584`	`}`
`564`		`- , '1400ms'),`
	`585`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`565`	`586`	`chart => chart.animate({`
`566`	`587`	`config: {`
`567`	`588`	`channels:`
`@@ -582,12 +603,15 @@ const testSteps = [`
`582`	`603`	`marker: {`
`583`	`604`	`label: {`
`584`	`605`	`fontSize: 8`
`585`		`- }`
	`606`	`+ },`
	`607`	`+ fillOpacity: null,`
	`608`	`+ borderOpacity: null,`
	`609`	`+ borderWidth: null`
`586`	`610`	`}`
`587`	`611`	`}`
`588`	`612`	`}`
`589`	`613`	`}`
`590`		`- , '1400ms'),`
	`614`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`591`	`615`	`chart => chart.animate({`
`592`	`616`	`config: {`
`593`	`617`	`channels:`
`@@ -603,7 +627,7 @@ const testSteps = [`
`603`	`627`	`split: false`
`604`	`628`	`}`
`605`	`629`	`}`
`606`		`- , '1400ms'),`
	`630`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`607`	`631`	`chart => chart.animate({`
`608`	`632`	`config: {`
`609`	`633`	`channels:`
`@@ -631,7 +655,7 @@ const testSteps = [`
`631`	`655`	`}`
`632`	`656`	`}`
`633`	`657`	`}`
`634`		`- , '1400ms'),`
	`658`	`+ , step++ < targetstep ?'100ms':'1400ms'),`
`635`	`659`	`chart => chart.animate({`
`636`	`660`	`config: {`
`637`	`661`	`channels:`
`@@ -672,7 +696,7 @@ const testSteps = [`
`672`	`696`	`}`
`673`	`697`	`}`
`674`	`698`	`}`
`675`		`- , '1400ms')`
	`699`	`+ , step++ < targetstep ?'100ms':'1400ms')`
`676`	`700`	`];`
`677`	`701`
`678`	`702`	`export default testSteps;`