偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

淺談Sencha發(fā)布移動(dòng) HTML5圖表庫(kù)

移動(dòng)開(kāi)發(fā)
Sencha發(fā)布移動(dòng) HTML5 圖表庫(kù)是本文要介紹的內(nèi)容,Sencha發(fā)布了Sencha Touch Charts:一套使用HTML5構(gòu)建并針對(duì)移動(dòng)設(shè)備優(yōu)化過(guò)的富客戶端、交互式的圖表組件的Beta版。

Sencha發(fā)布移動(dòng) HTML5 圖表庫(kù)是本文要介紹的內(nèi)容,主要是來(lái)了解HTML5 圖表庫(kù)Sencha Touch的使用,具體內(nèi)容來(lái)看本文詳解。

Sencha發(fā)布了Sencha Touch Charts:一套使用HTML5構(gòu)建并針對(duì)移動(dòng)設(shè)備優(yōu)化過(guò)的富客戶端、交互式的圖表組件的Beta版。作為Sencha Touch的一部分,開(kāi)發(fā)者可以使用該庫(kù)構(gòu)建針對(duì)Apple iOS、Android以及BlackBerry設(shè)備的交互式雷達(dá)、柱狀、直線、堆疊以及餅狀圖。淺談Sencha發(fā)布移動(dòng) HTML5 圖表庫(kù)

Sencha Touch Charts利用了移動(dòng)設(shè)備上的硬件加速來(lái)優(yōu)化性能,還支持自然手勢(shì),這一切簡(jiǎn)化了復(fù)雜數(shù)據(jù)集的顯示。這些手勢(shì)包括捏拉縮放、數(shù)據(jù)的點(diǎn)擊放大以及輕拍展現(xiàn)等。

該庫(kù)使用了HTML5的一些功能,如通過(guò)<canvas>元素進(jìn)行繪制和使用CSS3編寫(xiě)樣式、能夠在當(dāng)今移動(dòng)Web瀏覽器上發(fā)布富用戶體驗(yàn)的應(yīng)用。它構(gòu)建在Sencha Touch之上,這是一個(gè)移動(dòng)Web應(yīng)用框架,目前可以免費(fèi)用于評(píng)估目的。

在Sencha Touch Charts中,組件的定義及其交互是通過(guò)JavaScript實(shí)現(xiàn)的:

  1. var chartPanel = new Ext.chart.Panel({   
  2. title: 'Pie Chart',   
  3. fullscreen: true,   
  4. dockedItems: [...],   
  5. items: {   
  6. cls: 'pie1',   
  7. theme: 'Demo',   
  8. store: store1,   
  9. shadow: false,   
  10. animate: true,   
  11. insetPadding: 20,   
  12. legend: {   
  13. position: {   
  14. portrait: 'bottom',   
  15. landscape: 'left'  
  16. }   
  17. },   
  18. interactions: [    
  19. {   
  20. type: 'reset',   
  21. confirm: true  
  22. },   
  23. {   
  24. 24.          
  25. type: 'rotate'  
  26. 25.        
  27. },   
  28. {   
  29. type: 'iteminfo',   
  30. gesture: 'taphold',   
  31. listeners: {...}   
  32. },   
  33. {   
  34. type: 'piegrouping',   
  35. //snapWhileDragging: true,   
  36. onSelectionChange: function(me, items) {   
  37. ...   
  38. }   
  39. }   
  40. ],   
  41. series: [...]   
  42. }   
  43. }); 

樣式是通過(guò)SASS/SCSS實(shí)現(xiàn)的,SASS/SCSS會(huì)被編譯為CSS3:

  1. ....   
  2. 02.chart[cls=piecombo1] {   
  3. padding: 20;   
  4. series {   
  5. label {   
  6. display: rotate;   
  7. contrast: true;   
  8. font: 14px Arial;   
  9. }   
  10. } }   
  11. .... 

在Beta版期間,有一些問(wèn)題需要解決,同時(shí)還會(huì)有一些變化:

Radar Axis目前在BlackBerry上無(wú)法顯示屬性

在iPad上過(guò)度放大會(huì)導(dǎo)致一個(gè)顯示問(wèn)題

交互的默認(rèn)手勢(shì)仍舊在審核當(dāng)中,在正式版發(fā)布前可能會(huì)有一些變化

SASS語(yǔ)法仍舊在審核當(dāng)中,在正式版發(fā)布前可能會(huì)有一些變化。

小結(jié):淺談Sencha發(fā)布移動(dòng) HTML5 圖表庫(kù)的內(nèi)容介紹完了,希望通過(guò)本文的學(xué)習(xí)能對(duì)你有所幫助!

責(zé)任編輯:zhaolei 來(lái)源: Sencha中文站
相關(guān)推薦

2015-05-13 10:04:36

ionicHtml5

2011-07-19 13:07:26

iOS4 HTML5 動(dòng)畫(huà)

2014-10-21 17:34:11

HTML5移動(dòng)設(shè)計(jì)

2011-07-27 22:01:46

Sencha ToucHtml 5

2013-06-26 10:12:09

HTML5ichartjs

2011-05-11 12:59:18

HTML5

2017-07-05 16:22:09

HTML5canvas動(dòng)態(tài)

2013-08-01 10:28:52

移動(dòng)通訊應(yīng)用KikHTML5游戲

2011-12-06 10:23:42

摩托羅拉企業(yè)級(jí)移動(dòng)開(kāi)發(fā)

2018-05-30 08:54:00

離線存儲(chǔ)HTML5

2011-12-28 15:32:46

HTML5移動(dòng)App

2014-03-18 09:20:17

HTML5移動(dòng)開(kāi)發(fā)

2011-11-28 13:15:25

HTML5移動(dòng)應(yīng)用

2015-07-22 16:44:51

HTML5優(yōu)化

2011-09-05 10:20:21

Sencha ToucAPP

2011-05-25 09:34:30

HTML5cssjavascript

2011-12-12 10:08:39

jQuery MobiHTML5

2011-12-29 17:32:09

歐朋HTML5Opera

2012-04-01 10:02:00

HTML5

2011-09-02 16:21:08

Sencha Touc自動(dòng)生成工具
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)