& lthead & gt
& ltmeta？http-equiv="Content-Type "？content = " text/html；？charset=UTF-8 " >
& lttitle & gtECharts & lt/title & gt；
& lt劇本？type="text/javascript "？src="js/jquery-3.2.1.js " >& lt/script & gt；
& lt劇本？type="text/javascript "？src = " js/echarts . js " & gt；& lt/script & gt；
& lt/head & gt；
& ltbody & gt
& lt！- ?為ECharts準備壹個有大小(寬度和高度)的Dom？-& gt；
& ltdiv？id="main "？style="width:？600px高度:400px”& gt& lt/div & gt；
& lt劇本？type = " text/JavaScript " & gt；
var？我的圖表？=?e charts . init(document . getelementbyid(' main '))；
//?顯示標題、圖例和空軸。
myChart.setOption({
標題:？{
正文:？'異步數據加載示例'
},
工具提示:？{},
圖例:？{
數據:['銷售量']
},
xAxis:？{
數據:？[]
},
亞西斯:？{},
系列:？[{
姓名:？'銷售量'，
類型:？酒吧'，
數據:？[]
}]
});
mychart . show loading()；//在數據加載之前顯示壹個簡單的加載動畫。
var？names =[]；//類別數組(實際用於保存X軸坐標值)
var？nums =[]；//銷售數組(實際用於保存Y坐標值)
$.ajax({
類型？:?“崗位”，
異步？:?True，//異步請求(同步請求會鎖定瀏覽器，用戶的其他操作必須等待請求完成後才能執行)
網址？:?“file_ashx/Czmj.ashx”，//請求發送到TestServlet。
數據？:?{},
數據類型？:?“json”，//返回的數據是json。
成功？:?函數(結果)？{
//請求成功時執行該函數的內容，結果是服務器返回的json對象。
如果？(結果)？{
for(var？I = 0；我& lt結果.長度；i++){
names.push(結果[i])。scabb r)；//逐個取出類別，填入類別數組。
}
for(var？I = 0；我& lt結果.長度；i++){
nums.push(結果[I]. je 1)；//逐個取出銷量，填入銷量數組。
}
mychart . hide loading()；//隱藏加載動畫
我的哈特。setoption({//加載數據圖表
xAxis:？{
數據:？名稱
},
系列:？[{
//?根據名稱對應相應系列。
姓名:？'銷售量'，
數據:？nums
}]
});
}
},
錯誤？:?函數(errorMsg)？{
//請求失敗時執行此函數。
Alert("圖表請求數據失敗！");
mychart . hide loading()；
}
})
& lt/script & gt；
& lt/body & gt；
& lt/html & gt；