自動(dòng)切換是大屏中常用的表現(xiàn)方式，會(huì)讓你的頁(yè)面表現(xiàn)得沒(méi)有那么死板，今天來(lái)教給大家一個(gè)簡(jiǎn)單的自動(dòng)切換，首先，自動(dòng)切換其實(shí)就是一個(gè)定時(shí)器，每隔幾秒鐘的時(shí)間重新調(diào)用echarts的渲染，通常的接口中可能會(huì)包含多條表格數(shù)據(jù)，這種情況為了保護(hù)內(nèi)存，就不需要多次請(qǐng)求，而有的是每次請(qǐng)求給予一條數(shù)據(jù)，這種情況需要多次請(qǐng)求，這里我們以一次請(qǐng)求多條數(shù)據(jù)為例子。

    首先，我們需要請(qǐng)求接口，這里很簡(jiǎn)單，可以用ajax

    首先 你需要定義一個(gè)類(lèi)似索引值的數(shù)據(jù)，并在接口請(qǐng)求成功后把他重新規(guī)定為默認(rèn)值（這里因?yàn)槲倚枰?qǐng)求這一接口中的其他數(shù)據(jù)，如果沒(méi)有需要可以不寫(xiě)），然后觸發(fā)echarts的渲染函數(shù)，直接觸發(fā)一次，然后五秒后定時(shí)器會(huì)開(kāi)始重復(fù)渲染，注意，定時(shí)器一定要先清空一次，防止多個(gè)定時(shí)器同時(shí)進(jìn)行。

    在echarts中，我們每次請(qǐng)求都會(huì)把類(lèi)似索引值加1，當(dāng)他等于不同的值得時(shí)候賦予不同的數(shù)據(jù)（這里可以對(duì)照自己的接口定義），注意下面的紅框，我們?cè)诿看胃聰?shù)據(jù)前都需要清空畫(huà)布，達(dá)到echarts重新加載的效果，頁(yè)面就會(huì)顯得很生動(dòng)。

    看一下循環(huán)：當(dāng)?shù)谝淮窝h(huán)0→1，然后循環(huán)第二次1→2,2→3，3→4，當(dāng)?shù)谖宕蔚臅r(shí)候重新變?yōu)?，并執(zhí)行1次循環(huán)的操作，然后再1→2.....一直循環(huán)下去就能創(chuàng)造出簡(jiǎn)單的自動(dòng)切換效果了。