2015-07-02 65 views
1

我的新的java web項目的一個項目需求是有動態圖表,這些圖表的加載速度非常快。在沒有圖像的java或javascript中創建圖表

雖然在討論中,有人問我們是否可以實現圖表,而無需使用圖像即沒有加載JPG,PNG文件等文件也像PDF不能使用。

基本上我的問題是

  1. 能否排行榜JSP/JavaScript的實現,而不使用圖像,PDF等? ie即使api的使用不應該提供最終結果作爲圖像或pdf等

  2. 我沒有說沒有馬上,因爲我在控制檯應用程序中在屏幕上實現圖表。我們可以在網頁上做這樣的事嗎?即通過在屏幕圓點,線條,圓圈等上繪製來顯示圖形。但是它應該可以在div內?

PS:評論和呂西安·斯托爾斯答案幫助明白,我一直在尋找技術爲SVG。

我找一些有經驗的java,在SO JavaScript程序員在正確的方向輕推一些。

+1

是的,這些可能性確實存在。我仍然認爲這個問題不是主題,而且很難相信像「render chart javascript」這樣的谷歌搜索沒有任何回報。 – reto

+0

@reto我在谷歌搜索了這個話題。我確實找到了javascript api的。但是,我的疑問是,如果他們在最終結果中使用圖像。即他們從我的數據中創建一個圖像並將其放入頁面。我無法使用圖像(也不能使用我的apis)。像在屏幕上繪製矢量圖像一樣思考更多。 – Raj

+2

你可以繪製DIV和大小,並用CSS給它們着色嗎?或者,如果你想要矢量圖像,那麼像http://raphaeljs.com/這樣的圖書館呢?但是我不能通過「無圖像」來理解你的意思。矢量圖形還不是圖像嗎? –

回答

1

一個簡單的柱狀圖很容易足以與資料覈實和CSS創建。 任何事情更復雜,我想你說的SVG,它可以使用http://raphaeljs.com/,也許http://d3js.org/繪製。 也看看HTML5 canvas元素。

1

我會建議使用Google Chart Framework.我過去曾經爲我的項目使用它,它很好。

+0

謝謝我正在考慮谷歌圖表框架 – Raj

4

很多的JavaScript庫表中存在HTML5用於呈現在網頁上。你可以找到符合你團隊其他要求或願望的人,因爲每個人都有他們擅長的特徵領域。 http://www.zingchart.com也增加了很多方法,如果你決定去使用除了vanilla JavaScript之外的東西(jQuery,Angular等),它們會包含在你的圖表中。完全披露:我在ZingChart團隊。如果您發現一些能夠吸引您的興趣的人,我可以幫助您衡量贊成和反對者的權利。