echarts從數(shù)據(jù)庫(kù)獲取數(shù)據(jù) echarts雷達(dá)圖動(dòng)態(tài)獲取的數(shù)據(jù)怎么加載?
echarts雷達(dá)圖動(dòng)態(tài)獲取的數(shù)據(jù)怎么加載?/動(dòng)態(tài)數(shù)據(jù)接口[添加數(shù)據(jù)myChart.addData文件([0,//系列索引{//新數(shù)據(jù)名稱:“data”lastindex,值:[數(shù)學(xué)圓( 數(shù)學(xué).隨機(jī)(
echarts雷達(dá)圖動(dòng)態(tài)獲取的數(shù)據(jù)怎么加載?
/動(dòng)態(tài)數(shù)據(jù)接口[添加數(shù)據(jù)myChart.addData文件([
0,//系列索引
{//新數(shù)據(jù)
名稱:“data”lastindex,
值:[數(shù)學(xué)圓( 數(shù)學(xué).隨機(jī)()*100),
數(shù)學(xué)圓( 數(shù)學(xué).隨機(jī)()*100),
數(shù)學(xué)圓( 數(shù)學(xué).隨機(jī)()*100),
數(shù)學(xué)圓( 數(shù)學(xué).隨機(jī)()*100),
數(shù)學(xué)圓( 數(shù)學(xué).隨機(jī)()*100)
]},
false,//從隊(duì)列頭插入新數(shù)據(jù)
false//增加隊(duì)列長(zhǎng)度。如果為false,請(qǐng)自行刪除原始數(shù)據(jù)。隊(duì)列頭插入刪除隊(duì)列尾,隊(duì)列尾插入刪除隊(duì)列頭
},2000)
請(qǐng)教如何樣讓ECharts從后臺(tái)獲取數(shù)據(jù)并展示?
調(diào)用后臺(tái)接口,Ajax得到數(shù)據(jù)函數(shù)getspslztslbh(city,date){$。Ajax({URL:CTX“/index)/spscztGroup.do文件“,類型:”post“,數(shù)據(jù):{”city“:city,”date“:date},數(shù)據(jù)類型:”JSON“,成功:函數(shù)(data){獲取數(shù)據(jù),重置選項(xiàng)}myChartz.set選項(xiàng)({xAxis:{數(shù)據(jù):數(shù)據(jù)列表2},yAxis:[{min:mind,max:maxd,interval:ava1},{min:mind3,max:maxd3,interval:ava2}],}
1。創(chuàng)建折線圖的數(shù)據(jù)區(qū)(包括年份和數(shù)據(jù))2。僅選擇要?jiǎng)?chuàng)建折線圖的數(shù)據(jù)區(qū)域(插入選項(xiàng)卡/圖表工具組/折線圖)3。折線圖的X坐標(biāo)不符合要求。在圖表區(qū)域中單擊鼠標(biāo)右鍵,選擇“選擇數(shù)據(jù)”,然后進(jìn)入“選擇數(shù)據(jù)源”對(duì)話框4。單擊對(duì)話框右側(cè)水平分類軸標(biāo)簽下方的“編輯”按鈕5。選擇對(duì)應(yīng)于x軸6的年份區(qū)域。單擊“確定”更改圖表的x軸坐標(biāo)系列