日韩欧美人妻无码精品白浆,夜夜嗨AV免费入口,国产欧美官网在线看,高校回应聋哑女生因长相完美被质疑

LOGO OA教程 ERP教程 模切知識(shí)交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

Html5版本的全套股票行情圖開源了,附帶實(shí)現(xiàn)技術(shù)簡(jiǎn)介

admin
2012年4月9日 9:10 本文熱度 3532


請(qǐng)使用支持html5的瀏覽器查看,推薦使用google chrome或者ipad體驗(yàn),ie6,7,8都不支持html5


下面是行情圖的快照和每個(gè)圖的實(shí)現(xiàn)難點(diǎn)簡(jiǎn)介,有興趣的朋友請(qǐng)用svn checkout出來(lái),或者直接訪問(wèn)項(xiàng)目文件看源碼 。


Google code的項(xiàng)目地址是:https://html54stock.googlecode.com


K線圖 滑塊控制



這個(gè)K線圖和flash實(shí)現(xiàn)的K線圖非常接近,滑塊控制是實(shí)現(xiàn)的難點(diǎn),這里是根據(jù)滑塊滑動(dòng)的位置計(jì)算k線數(shù)據(jù)的范圍,并實(shí)時(shí)重畫,事實(shí)證明html5 canvas標(biāo)簽的性能還是相當(dāng)?shù)暮玫?,在PC機(jī)上每秒可以重畫20次以上,而在iPad上每秒可以重畫10次左右,在ipad上流暢性有一定問(wèn)題,所以在ipad上實(shí)現(xiàn)了另外一個(gè)版本,使用手指滑動(dòng)通過(guò)touch相關(guān)的時(shí)間控制范圍


K線圖 觸摸控制


請(qǐng)使用ipad體驗(yàn)效果 


這個(gè)K線圖和上面的基本一樣,但是控制K線范圍改用了觸摸事件,用touchstart,touchmove等事件,這個(gè)需要事實(shí)計(jì)算手指所在的坐標(biāo),然后根據(jù)坐標(biāo)判斷是否要顯示浮窗,顯示K線柱的高,開,低,收等信息。


大分時(shí)圖



分時(shí)圖的實(shí)現(xiàn)是在一張畫布上,當(dāng)鼠標(biāo)在畫布上移動(dòng)時(shí),需要根據(jù)鼠標(biāo)的坐標(biāo)出十字,并顯示鼠標(biāo)所在時(shí)間的價(jià)格,這兒的十字叉是div實(shí)現(xiàn)的,而在畫布上顯示對(duì)應(yīng)時(shí)間的價(jià)格是用了畫布的clearRect方法,先把指定區(qū)域的內(nèi)容清除掉,然后再重新畫上對(duì)應(yīng)價(jià)格。這樣實(shí)現(xiàn)的流暢性非常的好,無(wú)論是在平板上還是在PC上。


小分時(shí)圖



交易分析圖



交易分析圖畫圖不是難點(diǎn),難點(diǎn)在于對(duì)鼠標(biāo)事件或touch事件的處理,上圖中的浮動(dòng)框、十字叉都是div,這樣的性能可以接受,而事實(shí)修改畫布則不流暢。


成交額分析圖



成交額分析圖的實(shí)現(xiàn)基本上沒(méi)什么難點(diǎn)。


 


個(gè)人非??春胔tml5。對(duì)html5有興趣希望參與項(xiàng)目的朋友,請(qǐng)與我聯(lián)系。





我的微博地址是:http://weibo.com/yukaizhao 我會(huì)把一些技術(shù)心得碎片寫到微博中,歡迎關(guān)注。

該文章在 2012/4/9 9:10:00 編輯過(guò)
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場(chǎng)作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved