echarts 是一款優秀的可視化圖表插件，可以快速地幫助我們制作數據可視化圖表，同時支持多種常見的圖表類型。在使用 echarts 的過程中，循環 json 是一種常見的需求，這篇文章將介紹如何在 echarts 中實現循環 json。

首先需要明確一點，echarts 支持通過傳入數據來生成圖表，在 echarts 中循環 json 實際上就是將數據進行循環遍歷，然后將遍歷到的數據傳入到 echarts 中。

以下是一個簡單的 echarts 循環 json 的例子：

var myChart = echarts.init(document.getElementById('main'));
var data = [
{ "name": "北京", "value": 100 },
{ "name": "上海", "value": 200 },
{ "name": "廣州", "value": 150 },
{ "name": "深圳", "value": 120 },
];
var option = {
title: {
text: '各城市銷量'
},
tooltip: {},
xAxis: {
data: []
},
yAxis: {},
series: [{
name: '銷量',
type: 'bar',
data: []
}]
};
for (var i = 0; i < data.length; i++) {
option.xAxis.data.push(data[i].name);
option.series[0].data.push(data[i].value);
};
myChart.setOption(option);

以上代碼展示了如何將一個包含多個數據對象的數組循環遍歷，并將數據傳入到 echarts 中生成圖表。具體實現過程如下：

1. 創建 echarts 實例，指定圖表容器

var myChart = echarts.init(document.getElementById('main'));

2. 創建數據，并初始化 echarts 的 option

var data = [
{ "name": "北京", "value": 100 },
{ "name": "上海", "value": 200 },
{ "name": "廣州", "value": 150 },
{ "name": "深圳", "value": 120 },
];
var option = {
title: {
text: '各城市銷量'
},
tooltip: {},
xAxis: {
data: []
},
yAxis: {},
series: [{
name: '銷量',
type: 'bar',
data: []
}]
};

3. 循環遍歷數據，并將數據傳入 option 中

for (var i = 0; i < data.length; i++) {
option.xAxis.data.push(data[i].name);
option.series[0].data.push(data[i].value);
};

4. 將生成好的 option 傳入 echarts 實例中，并展示圖表

myChart.setOption(option);

通過以上步驟，我們就可以實現在 echarts 中循環 json 并生成相應的圖表。需要注意的是，echarts 需要引入相應的數據庫模塊支持，因此在使用之前需要引入相應的 js 文件。