Echarts是一款優秀的可視化統計庫，在數據可視化方面有著廣泛應用。其中讀取json數據是一項非常重要的功能，下面我們就來介紹一下如何使用Echarts讀取json數據。

//模擬json數據，下面的數據格式是一個數組對象
var data = [
{name: '北京', value: 100},
{name: '上海', value: 200},
{name: '廣州', value: 300},
{name: '深圳', value: 400},
{name: '重慶', value: 500}
];
//讀取json數據
var myChart = echarts.init(document.getElementById('main'));
//使用以下代碼將數據賦值給相應變量
var option = {
title: {
text: '柱狀圖'
},
xAxis: {
type: 'category',
data: []
},
yAxis: {
type: 'value'
},
series: [{
data: [],
type: 'bar'
}]
};
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的init方法，將圖表綁定到頁面上的一個DOM節點上。接著，我們定義一個option對象，這個對象中包含了圖表中需要的所有配置項，其中數據項我們使用for循環來遍歷原始數據并進行賦值。最后，使用setOption方法生成圖表。