echarts從數(shù)據(jù)庫獲取數(shù)據(jù) echarts雷達圖動態(tài)獲取的數(shù)據(jù)怎么加載?
echarts雷達圖動態(tài)獲取的數(shù)據(jù)怎么加載?/動態(tài)數(shù)據(jù)接口[添加數(shù)據(jù)myChart.addData文件([0,//系列索引{//新數(shù)據(jù)名稱:“data”lastindex,值:[數(shù)學(xué)圓( 數(shù)學(xué).隨機(
echarts雷達圖動態(tài)獲取的數(shù)據(jù)怎么加載?
/動態(tài)數(shù)據(jù)接口[添加數(shù)據(jù)myChart.addData文件([
0,//系列索引
{//新數(shù)據(jù)
名稱:“data”lastindex,
值:[數(shù)學(xué)圓( 數(shù)學(xué).隨機()*100),
數(shù)學(xué)圓( 數(shù)學(xué).隨機()*100),
數(shù)學(xué)圓( 數(shù)學(xué).隨機()*100),
數(shù)學(xué)圓( 數(shù)學(xué).隨機()*100),
數(shù)學(xué)圓( 數(shù)學(xué).隨機()*100)
]},
false,//從隊列頭插入新數(shù)據(jù)
false//增加隊列長度。如果為false,請自行刪除原始數(shù)據(jù)。隊列頭插入刪除隊列尾,隊列尾插入刪除隊列頭
},2000)
請教如何樣讓ECharts從后臺獲取數(shù)據(jù)并展示?
調(diào)用后臺接口,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ù),重置選項}myChartz.set選項({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。僅選擇要創(chuàng)建折線圖的數(shù)據(jù)區(qū)域(插入選項卡/圖表工具組/折線圖)3。折線圖的X坐標不符合要求。在圖表區(qū)域中單擊鼠標右鍵,選擇“選擇數(shù)據(jù)”,然后進入“選擇數(shù)據(jù)源”對話框4。單擊對話框右側(cè)水平分類軸標簽下方的“編輯”按鈕5。選擇對應(yīng)于x軸6的年份區(qū)域。單擊“確定”更改圖表的x軸坐標系列