利用異步技術(shù)獲取線性圖表數(shù)據(jù)
在進(jìn)行數(shù)據(jù)報(bào)表展示時(shí),常常需要借助線性坐標(biāo)圖來(lái)呈現(xiàn)數(shù)據(jù),以實(shí)現(xiàn)直觀可靠的效果。為此,我們可以通過(guò)以下步驟來(lái)實(shí)現(xiàn)異步獲取線性圖表數(shù)據(jù),并展示在網(wǎng)頁(yè)上。 創(chuàng)建項(xiàng)目并添加必要組件首先,在VS2013中新建一
在進(jìn)行數(shù)據(jù)報(bào)表展示時(shí),常常需要借助線性坐標(biāo)圖來(lái)呈現(xiàn)數(shù)據(jù),以實(shí)現(xiàn)直觀可靠的效果。為此,我們可以通過(guò)以下步驟來(lái)實(shí)現(xiàn)異步獲取線性圖表數(shù)據(jù),并展示在網(wǎng)頁(yè)上。
創(chuàng)建項(xiàng)目并添加必要組件
首先,在VS2013中新建一個(gè)項(xiàng)目,選擇Web窗體應(yīng)用程序,并將項(xiàng)目命名為【Report】。接著,在項(xiàng)目中右鍵點(diǎn)擊,選擇添加窗體,并將其重命名為【LineReport】。在【】頁(yè)面中添加插件引用并注意順序,隨后添加JavaScript訪問(wèn)入口以及異步獲取數(shù)據(jù)的方法。
構(gòu)建線性圖表的方法
在【】頁(yè)面中,我們需要進(jìn)一步添加構(gòu)建線性圖表的方法。這一步是關(guān)鍵的,通過(guò)該方法我們能夠?qū)惒将@取的數(shù)據(jù)以線性圖表的形式展示出來(lái),使數(shù)據(jù)更加直觀清晰。
添加HTML代碼和處理程序
在【】頁(yè)面中,除了構(gòu)建線性圖表的方法外,還需添加HTML代碼以正確展示頁(yè)面內(nèi)容。在項(xiàng)目中右鍵點(diǎn)擊,選擇添加新建項(xiàng),選中一般處理程序并將其重命名為【HandlerData】。在【HandlerData】中,添加獲取JSON數(shù)據(jù)的方法,以便與前端頁(yè)面進(jìn)行數(shù)據(jù)交互。
設(shè)置啟動(dòng)頁(yè)面并查看結(jié)果
最后,設(shè)置【】為項(xiàng)目的起始頁(yè),這樣在按住Ctrl F5后即可查看到異步獲取的線性圖表數(shù)據(jù)呈現(xiàn)在頁(yè)面上。通過(guò)以上步驟,我們成功利用異步技術(shù)獲取線性圖表數(shù)據(jù),為數(shù)據(jù)報(bào)表展示增添了新的可能性。