自動切換是大屏中常用的表現方式，會讓你的頁面表現得沒有那么死板，今天來教給大家一個簡單的自動切換，首先，自動切換其實就是一個定時器，每隔幾秒鐘的時間重新調用echarts的渲染，通常的接口中可能會包含多條表格數據，這種情況為了保護內存，就不需要多次請求，而有的是每次請求給予一條數據，這種情況需要多次請求，這里我們以一次請求多條數據為例子。
首先，我們需要請求接口，這里很簡單，可以用ajax
首先 你需要定義一個類似索引值的數據，并在接口請求成功后把他重新規定為默認值（這里因為我需要請求這一接口中的其他數據，如果沒有需要可以不寫），然后觸發echarts的渲染函數，直接觸發一次，然后五秒后定時器會開始重復渲染，注意，定時器一定要先清空一次，防止多個定時器同時進行。
在echarts中，我們每次請求都會把類似索引值加1，當他等于不同的值得時候賦予不同的數據（這里可以對照自己的接口定義），注意下面的紅框，我們在每次更新數據前都需要清空畫布，達到echarts重新加載的效果，頁面就會顯得很生動。
看一下循環：當第一次循環0→1，然后循環第二次1→2,2→3，3→4，當第五次的時候重新變為1，并執行1次循環的操作，然后再1→2.....一直循環下去就能創造出簡單的自動切換效果了。
上一篇： CSS如何引入與使用外部字體
下一篇： vue功能介紹之計算屬性
