關於Echarts動態資料之圖形變換
阿新 • • 發佈:2018-11-07
我使用的是.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,好了就到這裡了,如果有不對的請指教。
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,則所有的請求均為同步請求,在沒有返回值之前,同步請求將鎖住瀏覽器,使用者其它操作必須等待請求完成才可以執行,也就是說如果沒有在獲取到資料之前是不會往下進行操作的,就不會有彈窗。
Response.End(); 這就是獲取資料的方法,那麼依據這些動態資料就能有一個可變的圖表了。至於實現下拉框選擇一個值,展現不同的圖表,我有兩點建議:1.就是把你要查的東西全部查出來,通過jquery實現切換 2.就是ajax獲取後臺資料,把資料替換掉。我使用的是第一種方法,前提是下拉框的資料不多,ajax的話,我沒有找到把陣列轉json,好了就到這裡了,如果有不對的請指教。