Echarts 是一個開源的數據可視化庫，可以用于創建各種類型的圖表。其中，調用 JSON 數據庫是 Echarts 的一項重要功能，本文就來介紹一下如何使用 Echarts 調用 JSON 數據庫。

首先，我們需要準備好 JSON 數據庫。在這里，我們以一個簡單的示例來說明。假設我們有一個 JSON 數據庫，其中包括以下數據：

{
"data": [
{"name": "A", "value": 100},
{"name": "B", "value": 200},
{"name": "C", "value": 300},
{"name": "D", "value": 400}
]
}

接下來，我們需要在 HTML 頁面中引入 Echarts 庫。可以通過以下方式引入：

<script src="https://cdn.staticfile.org/echarts/4.7.0/echarts.min.js"></script>

接著，在 HTML 頁面中準備一個 DOM 節點，作為圖表的容器。可以通過以下方式創建：

<div id="chart" style="width: 600px; height: 400px"></div>

然后，使用 JavaScript 代碼調用 Echarts 庫的 API，將 JSON 數據庫加載到圖表中。具體代碼如下：

var chart = echarts.init(document.getElementById('chart'));
var option = {
tooltip: {},
xAxis: {
data: []
},
yAxis: {},
series: [{
type: 'bar',
data: []
}]
};
chart.setOption(option);
$.getJSON('data.json', function(data){
chart.setOption({
xAxis: {
data: data.data.map(function(item){return item.name})
},
series: [{
data: data.data.map(function(item){return item.value})
}]
});
});

在以上代碼中，我們首先通過 echarts.init 函數創建一個圖表實例。

然后，我們定義了一個 option 對象，其中包括 tooltip（提示框）、xAxis（X 軸）、yAxis（Y 軸）和 series（數據系列）等選項。在本示例中，我們使用了柱狀圖類型（type: 'bar'）。

接著，我們通過 chart.setOption 方法將 option 對象設置到圖表中，從而初始化一個空的圖表。

最后，我們使用 jQuery 庫的 getJSON 方法異步加載 JSON 數據庫，并將其設置到圖表中。具體地，我們在回調函數中通過 chart.setOption 方法動態更新 xAxis 和 series 數據，將 JSON 數據庫中的數據渲染到圖表中。

好了，這樣我們就成功地使用 Echarts 調用了 JSON 數據庫！