ECharts 是一個基于 JavaScript 的開源可視化庫，可以在 Web 端展示各種豐富的可視化圖表。它支持接收各種格式的數(shù)據(jù)，包括 JSON 格式的數(shù)據(jù)。下面我們就來看一下 ECharts 如何接收 JSON 數(shù)據(jù)。

// 假設(shè)有如下的 JSON 數(shù)據(jù)
var jsonData = {
"status": 100,
"message": "獲取數(shù)據(jù)成功",
"data": [
{"name": "小明", "score": 80},
{"name": "小紅", "score": 90},
{"name": "小剛", "score": 75},
{"name": "小美", "score": 88},
{"name": "小麗", "score": 95}
]
};
// 使用 ECharts 展示該數(shù)據(jù)
// 創(chuàng)建一個基于 DOM 的實例
var myChart = echarts.init(document.getElementById('main'));
// 設(shè)置圖表的配置項和數(shù)據(jù)
var option = {
title: {
text: '學(xué)生成績表'
},
xAxis: {
type: 'category',
data: ['小明', '小紅', '小剛', '小美', '小麗']
},
yAxis: {
type: 'value'
},
series: [{
data: [80, 90, 75, 88, 95],
type: 'bar'
}]
};
// 使用剛指定的配置項和數(shù)據(jù)顯示圖表。
myChart.setOption(option);

從上面的代碼可以看出，要將 JSON 數(shù)據(jù)展示在 ECharts 中，需要先將數(shù)據(jù)解析成 ECharts 能夠理解的格式，然后再將其設(shè)置到圖表的配置項中。以上是一種簡單的處理方法，具體的展示效果需要根據(jù)自己的需求來定制圖表樣式和配置項。