在Echarts中異步加載數據可以使用Ajax請求或者通過Promise對象來實現。
使用Ajax請求的方法如下：
```javascript
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 發送GET請求
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 使用data來繪制圖表
// ...
}
};
xhr.send();
```
通過Promise對象來異步加載數據的方法如下：
```javascript
function getData() {
return new Promise(function (resolve, reject) {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
resolve(JSON.parse(xhr.responseText));
} else {
reject(xhr.statusText);
}
}
};
xhr.send();
});
}
getData().then(function (data) {
// 使用data來繪制圖表
// ...
}).catch(function (error) {
console.log(error);
});
```
以上是兩種常用的異步加載數據的方法，根據具體情況選擇適合的方法來加載數據并繪制Echarts圖表。
