ECharts是一個(gè)基于JavaScript的可視化庫，可幫助我們創(chuàng)建各種漂亮的圖表和圖形。它支持多種數(shù)據(jù)類型，包括JSON數(shù)據(jù)。在本文中，我們將探討如何在ECharts中加載JSON數(shù)據(jù)。

//創(chuàng)建div元素來容納圖表
var myChart = echarts.init(document.getElementById('myChart'));
//加載JSON數(shù)據(jù)
myChart.showLoading();
$.getJSON('data.json', function(data) {
myChart.hideLoading();
//使用數(shù)據(jù)創(chuàng)建圖表
myChart.setOption({
title: {
text: '柱狀圖',
subtext: '數(shù)據(jù)來源：data.json'
},
series: [
{
name: '訪問來源',
type: 'bar',
data: data.data
}
]
}); 
});

在以上代碼中，我們首先使用ECharts的init方法創(chuàng)建了一個(gè)新的圖表，然后通過showLoading()方法顯示了加載動(dòng)畫。接著，我們使用jQuery的getJSON方法獲取了名為data.json的JSON文件，并將數(shù)據(jù)傳遞給了myChart.setOption方法，以創(chuàng)建圖表。最后，我們使用myChart.hideLoading()方法關(guān)閉了加載動(dòng)畫。

通過以上代碼，我們可以輕松地將JSON數(shù)據(jù)加載到ECharts中，并創(chuàng)建各種漂亮的圖表和圖形。希望這篇文章對(duì)你有所幫助！