1. 程式人生 > >關於Echarts動態資料之圖形變換

關於Echarts動態資料之圖形變換

    我使用的是.net作為後臺語言,而與前臺aspx中的js進行資料流通是很多人不知道的地方,那麼我就先從這裡說起。 1. 學過java的都知道java是jsp的指令碼語言,同理.net也是aspx的指令碼語言,例如呼叫後臺陣列使用<%=arr[i]%>,當然這裡定義的陣列必須是public才能呼叫,不然會報錯,如下圖: 2.當然是使用js的一些方法,如ajax,get之類的,下面我就以ajax為例 $('.bt').click(function(){ $.ajax({ 
                url: "all.aspx", 
                type: "Post", 
                 async:false
                dataType: "Text",  //請求到伺服器返回的資料型別 
                data: { "year": "2018" },  
                success: function (data) {  
                    var obj = $.parseJSON(data); //這個資料                    alert(obj)
                } 
 
            }) 
alert(33) })
async.預設是true,即為非同步方式,$.Ajax執行後,會繼續執行ajax後面的指令碼,直到伺服器端返回資料後,觸發$.Ajax裡的success方法,這時候執行的是兩個執行緒。若要將其設定為false,則所有的請求均為同步請求,在沒有返回值之前,同步請求將鎖住瀏覽器,使用者其它操作必須等待請求完成才可以執行,也就是說如果沒有在獲取到資料之前是不會往下進行操作的,就不會有彈窗。

後臺獲取前臺資料, string id = Request["id"]; Response.Write(id); 
            Response.End(); 這就是獲取資料的方法,那麼依據這些動態資料就能有一個可變的圖表了。至於實現下拉框選擇一個值,展現不同的圖表,我有兩點建議:1.就是把你要查的東西全部查出來,通過jquery實現切換  2.就是ajax獲取後臺資料,把資料替換掉。我使用的是第一種方法,前提是下拉框的資料不多,ajax的話,我沒有找到把陣列轉json,好了就到這裡了,如果有不對的請指教。