Echarts與後臺java交互 數據動態變化

背景:前臺 echarts+jquery   後臺服務 :Java
通過 使用ajax 進行 數據data 的 變換:




PS:其中返回的data 在後臺 爲 map 類型
data.data  在後臺 封裝的爲 JSONArray  
data.name String 類型

// 信息分類
function  getInfoLevelCount(){
var param1 = $("#param1").val()+"";
var param2 = $("#param2").val()+"";

var url = '<%=basePath%>test/getInfoLevelCount?param1='+param1+'&¶m2='+param2;
// alert("url:"+url);
$.ajax({
url: url,//地址
   //    data: data,//參數
       type: 'POST',//提交方式 可以選擇post/get 推薦post 
            async: false,//同步異步 
       dataType: 'json',//返回數據類型 
       success:function(data){
        var level = data.level;
       
       
        levelCountOption.series[0].data = data.data;
        levelCountOption.series[0].name = data.name;
        
        
        
        myChartLevelCount.setOption(levelCountOption);
       }
   });
}




myChartLevelCount echarts 容器
myChartLevelCount 的 option - > levelCountOption
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章