在 echarts 中，我們可以通過加載某種數據格式來繪制出不同類型的圖表，其中 JSON 數據格式是最常用的一種。如果我們希望從后臺傳遞 JSON 數據來生成餅圖，可以通過下面的代碼片段實現：

// 獲取需要繪制餅圖的 DOM 節點
var pieChart = echarts.init(document.getElementById('pieChart'));
// 定義數據變量
var data = {
"title": {
"text": "餅圖示例",
"subtext": "這是一個使用 JSON 數據生成的餅圖示例",
"x": "center"
},
"tooltip": {
"trigger": "item",
"formatter": "{a}
{b} : {c} (i4w0iu0%)"
},
"legend": {
"orient": "vertical",
"left": "left",
"data": ["直接訪問", "郵件營銷", "聯盟廣告", "視頻廣告", "搜索引擎"]
},
"series": [
{
"name": "訪問來源",
"type": "pie",
"radius": "55%",
"center": ["50%", "60%"],
"data": [
{"value": 335, "name": "直接訪問"},
{"value": 310, "name": "郵件營銷"},
{"value": 234, "name": "聯盟廣告"},
{"value": 135, "name": "視頻廣告"},
{"value": 1548, "name": "搜索引擎"}
],
"itemStyle": {
"emphasis": {
"shadowBlur": 10,
"shadowOffsetX": 0,
"shadowColor": "rgba(0, 0, 0, 0.5)"
}
}
}
]
};
// 將數據設置到圖表中
pieChart.setOption(data);

以上代碼就可以在頁面中生成一個基于 JSON 數據的餅圖。其中，我們通過設置data變量來存儲 JSON 數據，通過setOption方法將數據應用到圖表中。