銳3圖更新
2010年2月18日,10:47上午由特里普橋樑| 開發 | 11評論
今天,我們檢查了我們的工作的最新銳圖表下一代。 你可以找到這個預alpha代碼,以及一些例子, 在GitHub上的YUI 3頭沙箱目錄 。 這是最初的版本我們使用YUI圖表預覽;方面實施本沒有完成的,它不適合在這一點上進行生產使用,但它確實給我們的感覺 - 它有機會為我們檢查與有興趣的開發,並分享我們的進步。 (如果您需要生產就緒的圖表解決方案的今天,檢查出2 YUI的圖表 。)
對於此版本,我們已經建立了堅實的基礎,以建立圖表的功能,我們提供了一個簡單的圖表類型,以證明我們的架構的靈活性。 尤其是:
- 現在,銳3圖是完全模塊化。 個別子像軸或LineGraph,圖表,現在自己的類,你可以單獨管理和更新。
- 是完全平行的JavaScript包裝內的Flash Player(目前我們選擇的渲染引擎)圖表組件的模塊化。 從JS的開發人員的角度來看,你正在與所有方法調用的JS組件集,顯示列表的變化和財產分配無縫傳送到Flash和背部。 (這種抽象將更加重要,當我們超越單一的渲染引擎。)
- 圖表現在支持樣式每一個元素 - 從標籤的旋轉和字體(沒有必要嵌入字體),刻度的顏色和數量。
- 由於新的模塊化,多個軸和多個獨立的圖形功能。
- 除了非常先進的走勢,我們已經起草稱為SimpleChart糖包裝,它允許你很快地建造兩行代碼的圖表。
現在,該基金會是在地方,我們下一步的工作是繼續建立圖表功能。 如果你有什麼興趣, 看看我們的談話從YUIConf 2009年,我們描述的宏偉計劃的架構和功能的圖表包 。
你可以立即開始玩圖表:位於在YUI 3沙箱的組成部分,隨著一些非常翔實的例子。 上手, 從GitHub上下載最新銳3構建 ,砸在你的web根,並導航到sandbox/chart/tests目錄。 請記住,這不是一個打包發布。 出於這個原因,我們使用的API是最後的API將是什麼,只是一個草圖,因此一定要改變, 但我們很樂意聽取您的想法和意見,對項目領導 。
我們已經發布了當前的例子,在YUIBlog以及(運行生成1828) - 隨時通過點擊,如果你在看到當前工作的行動感興趣:
特里普橋樑和艾倫·拉比諾維奇,YUI團隊的工程師
共享和擴展: 書籤del.icio.us Digg它! | reddit!
11評論
很抱歉,評論已被封閉,在這個時候。


只要閃光燈需要,我會不願意使用它。 期待看到SVG渲染引擎。
拉夫
拉斐爾 - 2月18日,2010 #
我們已經使用YUI2圖表,但我有第二拉斐爾 - 免費閃光模式(甚至更好,閃光燈的智能後備)升級將是一個很大的激勵。
TJP - 2月18日,2010 #
我們理解的必要性和渲染引擎比閃存的需求。 這就是為什麼我們設計我們的建築技術無關。 我們的第一個渲染引擎是閃光,但最終,我們打算與多個渲染引擎有一個一致的API。
- 特里普
特里普 - 2月18日,2010 #
閃存+1。 HTML5畫布FTW。
湯姆·格林- 2月19日,2010 #
嗨,
剛看了視頻,並有一個簡短的代碼瀏覽...好看。
我也是一個畫布不閃光風扇(印刷,和我們有一個導出到Word功能,可以與圖像處理)。
我是不是從視頻或代碼確定(因為我沒有花足夠長的時間尋找後者!)是數學發生。 例如,在js或ActionScript的最小/最大計算發生? 我還以為在js,想必在這JS軸對象可以指向一個畫布渲染,沒有在畫布上渲染也執行相同的計算。 在一般情況下,可以在ActionScript盡可能輕和JS做艱苦的工作嗎?
事情安頓好,它會是像我這樣的人可能在畫布上渲染器做了一些工作,有一些的ActionScript API文檔以及JS的幫助,所以我們知道執行什麼,它做。
謝謝,
馬特
馬特·帕克- 3月23日,2010 #
馬特,
數學發生在ActionScript層。 雖然閃光燈是發動機,它是有道理的,它做繁重。 其中一個最大的性能命中是js和Flash之間的溝通。 此外,該架構還允許在使用閃光燈沒有JavaScript的應用程序和環境的獨立閃光燈層。 當我們建立的JS渲染引擎,它會被JS僅將有它自己的並行計算類。 我一定會得到的文檔,我的下一個更新。
謝謝,
特里普
特里普 - 3月23日,2010 #
您好特里普
我採取的性能和獨立點。 但如何(我什至可能有一展身手,在做):為數據源的統計插件,將計算中的數據源的不同領域的各種統計信息的需求。 所以,你會得到這樣的:
myDs.plug(Y.Plugin.Stats);
最低myDs.stats.min(“年度”);
最大= myDs.stats.max(“價格”);
平均= myDs.stats.mean(“量”);
(我做了一個API,我寫!)
我可以看到更普遍有用(如要匯總行添加到DataTable),但它也使那些統計數據,這是數據的屬性數據,而不是在渲染。
也許都將是什麼壞事...
馬特
馬特·帕克- 3月24日,2010 #
馬特,
你作出一些非常好的點,我同意這些屬性屬於數據層。 目前,Flash應用程序都有自己的數據層處理等任務。 當我們建立了JS引擎,它的數據層將在JS。 這並不意味著你將無法使用數據源在同一個圖表應用,它只是意味著該圖表將有其自己的副本在ActionScript層的數據。
謝謝,
特里普
特里普 - 3月25日,2010 #
從過去幾個星期,我一直在努力銳2的圖表。
一件事,我覺得缺少互動。 用戶應該能夠添加或刪除圖的一部分(例如,用一條線和一個柱狀圖,線圖,如果可以隱藏或刪除,當用戶點擊,這將是巨大的組合圖表)。 此外,如果大量的數據組作為一個點上圖所示,用戶應該能夠看到這一點的詳細圖表,在這一點上點擊等...
你有什麼計劃包括在今後的工作等功能。
請指示我相關的示例代碼段,如果你知道如何實現這些功能,使用YUI。
謝謝
杜爾加- 7月8日,2010 #
在YUI 2圖的交互性是有限的。 然而,你可以隱藏/顯示一系列。 這是在做類似的例子:
http://developer.yahoo.com/yui/examples/charts/charts-hideseries.html
YUI3走勢正在開發心靈的互動性。 是模塊化設計,所有組件將被暴露在開發。
特里普
特里普 - 7月8日,2010 #
感謝特里普
我當前的項目,我們希望類似的結果,但不使用複選框。 相反,使用事件監聽器系列(或圖表)本身。
- 杜爾加
杜爾加- 7月9日,2010 #