Echarts 是一個基于 Javascript 的數據可視化庫，可以給數據進行簡單的呈現和展示，輕松實現交互式可視化圖表的生成。在實際開發中，經常會遇到需要將后端返回的數據格式化為 Echarts 能夠識別的數據格式的情況。通常情況下，后端返回的數據是 JSON 格式，而 Echarts 就支持 JSON 格式的數據格式，因此，我們可以直接使用 Echarts 來解析和展示后端數據。

下面，我們來講述一下如何循環顯示 JSON 數據。

// 假設我們有以下的 JSON 數據
var data = {
"status": 1,
"data": [
{"name": "小明", "age": 18},
{"name": "小紅", "age": 20},
{"name": "小剛", "age": 22},
{"name": "小美", "age": 24}
]
};
// 首先定義兩個數組
var xAxisData = [];
var seriesData = [];
// 遍歷 JSON 數據
data.data.forEach(function(item) {
// 將每個 name 值添加到 xAxisData 數組中
xAxisData.push(item.name);
// 將每個 age 值添加到 seriesData 數組中
seriesData.push(item.age);
});
// Echarts 相關代碼
var option = {
// 設置 x 坐標軸的數據
xAxis: {
data: xAxisData
},
// 設置圖表的數據
series: [{
data: seriesData
}]
};

在上述代碼中，我們首先定義了一個 JSON 數據，它包含了一個 status 值和一個 data 數組，我們需要的數據就在其中。
然后，我們定義了兩個數組，分別用于存儲 JSON 數據中每個 name 值和 age 值。
再然后，我們利用 forEach 循環遍歷 JSON 數據，將每個 name 值放入 xAxisData 數組中，將每個 age 值放入 seriesData 數組中。
最后，我們將 xAxisData 和 seriesData 數組中的數據設置到 Echarts 的 x 坐標軸和 series 中，就完成了循環顯示 JSON 數據的操作。